無法通過webpack實現物化工作

Question

無法通過webpack實現物化工作。 該應用程序基於create-reat-app

github： https : //github.com/Denly/react_webapp （fork / push一個解決方案表示贊賞）

//錯誤

TypeError：__WEBPACK_IMPORTED_MODULE_4_jquery ___ default（...）（...）。sideNav不是函數

   7 | class App extends Component {
   8 |   componentDidMount() {
   9 |     // Initialize collapse button
> 10 |     $(".button-collapse").sideNav();

// webpack.config.dev.js

new webpack.ProvidePlugin({
      $: 'materialize-css/node_modules/jquery/dist/jquery',
      jQuery: 'materialize-css/node_modules/jquery/dist/jquery',
      'window.jQuery': 'materialize-css/node_modules/jquery/dist/jquery',
      'window.$': 'materialize-css/node_modules/jquery/dist/jquery',
      "Hammer": "hammerjs/hammer"
    }),
  ],

// src / index.js

import 'materialize-css';
import 'materialize-css/dist/css/materialize.css';
import 'materialize-css/dist/js/materialize.js';

Answer 1

好的，我修復了它。.materialize-css將jquery更新為3.x。 它必須是實現的一種。

//App.js
import $ from 'materialize-css/node_modules/jquery/dist/jquery';

class App extends Component {
  componentDidMount() {
    // Initialize collapse button
    $(".button-collapse").sideNav();