修复bug: TypeError: __webpack_require__(...) is not a function

oKeYue 2019-06-25

TypeError: __webpack_require__(...) is not a function

当前项目使用react+redux+postcss+webpack+ant实现的,本地开启了热更新以及自动刷新。更改js的时候可以正常编译以及刷新浏览器。可是每次修改css保存的时候页面就会报这个错误。很无奈,不知道如何修改。这可能就是工程化带来的副作用之一吧。

解决问题的思路如下:

1、也是项目中第一次引入了postcss,之前都是使用less比较多。怀疑是postcss的问题。也确实是向这个方向查找的,每次搜索都在这postcss关键字,查找无果

2、在postcss的github的issues中搜索,查找不到

原因是升级到了webapck3.0,使用了extract-text-webpack-plugin插件。此插件在3.0中必须配置和一个叫allChunks: true的参数

const extractMain = new ExtractTextPlugin({
  filename: 'main.css',
  allChunks: true
})

解决了一个问题,感觉很轻松啊

相关推荐