在webpack构建打包vue项目后,上传到服务器页面报错提示 TypeError: Cannot read property 'call' of undefined
一般大多数出现这类问题都是在vue多页应用、vue路由页面等打包后出现报错,当然了如果你是其它情况引起的一样可以尝试我下面给出的解决方案
引起这个原因的问题是 extract-text-webpack-plugin配置问题,比如出问题是这样配置的
1 2 3 4 5 6 7 8 9 |
plugins: [ new CommonsChunkPlugin({ name: 'vendors', filename: 'assets/js/vendors.js', chunks: chunks, minChunks: chunks.length }), new ExtractTextPlugin('assets/css/main.css') //有问题配置 ], |
解决方法如下:
那么我们改成这样,主要是加了allChunks参数
1 2 3 4 |
new ExtractTextPlugin({ filename: 'assets/css/main.css', allChunks: true }) |
测试webpack环境各个插件版本如下:
1 2 3 4 5 |
"webpack": "^4.6.0", "webpack-cli": "^2.0.15", "vue": "^2.5.16", "vue-router": "^3.0.1", "extract-text-webpack-plugin": "^4.0.0-beta.0" |
发表于2021-07-04 at 23:47 0楼
解决了我的问题,非常感谢!
发表于2020-06-06 at 10:15 0楼
也不知道是改的哪个文件
@匿名你全局搜索一下文件此变量名称看看,这是webpack中的插件参数,如果是用cli先暴露出来webpack参数看看。这块当时我是自己纯webpack搭建的
发表于2019-05-30 at 16:28 0楼
没有