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

2024年1月22日 581次阅读 来源: frontoldman

TypeError: __webpack_require__(…) is not a function

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

解决问题的思路如下：

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

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

3、感谢segmentfault，我在一个回答的评论里面找到了答案

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

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

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

    原文作者：frontoldman
    原文地址: https://segmentfault.com/a/1190000011806339
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞