Question

无法通过webpack实现工作。该应用程序基于create-reat-app

github：https://github.com/Denly/react_webapp（感谢fork / push解决方案）

//错误

类型错误： __WEBPACK_IMPORTED_MODULE_4_jquery ___默认（...）（...）。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();

无法通过webpack进行实现工作

1 个答案: