webpackで実体化できない

Question

webpackで実体化することはできません。 // webpack.config.dev https://github.com/Denly/react_webapp（フォーク/溶液が理解されるプッシュ）

//エラー

TypeError: __WEBPACK_IMPORTED_MODULE_4_jquery___default(...)(...).sideNav is not a function

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

：アプリ作成-reatアプリ

githubの上のベースであります.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

私はそれを修正しました。マテリアライズ - CSSは、3.xにjqueryを更新しました。マテリアライズが使用しているものである必要があります。

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

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