webpack升级4出现的问题
程序员文章站
2022-03-07 22:15:01
webpack3升级到4出现了很多问题,经过验证报错信息如下 1 此原因是webpack版本过高导致,package.json中配置的 这个原因是由于vue-loader版本造成的,将13.7.2升级成14.*,我这里是14.2.2,配置成固定的版本: ......
webpack3升级到4出现了很多问题,经过验证报错信息如下
1
module parse failed: unexpected token (6:9) you may need an appropriate loader to handle this file type. | //vue.use(router) | var login = function login() { > return import( /* webpackchunkname: "login-group"*/'../components/logincomponent/login'); | };
此原因是webpack版本过高导致,package.json中配置的
"webpack": "^4.1.1",安装的时候会自动安装成最新的4.32.*,我们把之前安装的卸载掉安装固定的版本4.1.1,package.json中配置:
"webpack": "4.1.1"//可以固定版本
2
module build failed (from ./node_modules/vue-loader/index.js): typeerror: cannot read property 'vue' of undefined at object.module.exports (d:\aat\node_modules\vue-loader\lib\loader.js:61:18) @ ./src/main.js 12:0-24 106:21-24 @ multi babel-polyfill ./src/main.js
这个原因是由于vue-loader版本造成的,将13.7.2升级成14.*,我这里是14.2.2,配置成固定的版本:
"vue-loader": "^14.2.2",
所以上术两个错误:将webpack版本降到4.1.1,vue-loader升级成14.*就可以解决
注意:webpack4要全局安装webpack-cli npm install webpack-cli -g
看似简单是小问题导致我找了一天多,真尴尬,现在发出来希望大家少走弯路
上一篇: Vue开发入门看这篇文章就够了
下一篇: Canvas实现微信红包照片效果
推荐阅读
-
企业网站优化内容建设出现的几大突出问题
-
解决MyEclipse出现the user operation is waiting的问题
-
Android7.0上某些PopuWindow出现显示位置不正确问题的解决方法
-
解决vue-cli项目打包出现空白页和路径错误的问题
-
windows下配置apache+php+mysql时出现问题的处理方法
-
webpack4之如何编写loader的方法步骤
-
微信小程序request出现400的问题解决办法
-
安装.NET Framework严重错误回滚怎么办?完美解决NET Framework4回滚问题的方法
-
Microsoft Visual Studio 2010 Ultimate 下安装wcsf 2010出现问题的解决方法
-
解决Vue2.0中使用less给元素添加背景图片出现的问题