欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

webpack升级4出现的问题

程序员文章站 2022-06-19 18:21:11
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

看似简单是小问题导致我找了一天多,真尴尬,现在发出来希望大家少走弯路