前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >修复bug: TypeError: __webpack_require__(...) is not a function

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

作者头像
frontoldman
发布2019-09-02 17:42:42
4.3K0
发布2019-09-02 17:42:42
举报
文章被收录于专栏:樯橹代码樯橹代码

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的参数

代码语言:javascript
复制
const extractMain = new ExtractTextPlugin({
  filename: 'main.css',
  allChunks: true
})

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • TypeError: __webpack_require__(...) is not a function
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档