webpack项目报错

启动

尝试性解决方法

node及依赖包

1、有可能是node版本的问题，可以安装高一点的版本，若项目有要求，可能要安装低一点的版本
2、将依赖包删掉重新安装
3、需要cnpm安装的依赖使用了npm安装，问清楚使用什么安装。

报错

1、iView配置主题时报错

// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?

build-utils

less: generateLoaders('less', { javascriptEnabled: true }),

2、Syntax Error： Unexpected token
webpack没处理es6的语法，安装配置babel

打包

1、Cannot read property 'compilation' of undefined
(last-call-webpack-plugin)

原因是package.json 中的一些包版本过高，而node的版本太低，版本对应不上导致出错。（我同事用的10版本的node，install完依赖后，依赖的版本变高，我用的8版本的node）
解决办法：将版本降低

npm i optimize-css-assets-webpack-plugin@3 -D

2、ERROR in xxx.js from UglifyJs

原因：webpack在打包vue文件时没有成功转换ES6的语法
解决：

1> 安装依赖

npm install --save-div babel-preset-es2015

2> webpack.config.js

{
        test: /\.js$/,
        use: [{
          loader: 'babel-loader',
          options: {
             presets: ['es2015']
          }
        }]
}

3>根目录下添加【.babelrc】文件,内容如下

{
  "presets": ["es2015"]
}

上线

1、Loading chunk 10 failed. at HTMLScriptElement.i
路由不能跳转
解决方式：
config - index.js

assetsPublicPath: '/', // 需要设置为此

vue

1、You may have an infinite update loop in a component render function.

1>升级vue到最高版本 ：npm update vue -s
2-1> 执行npm uninstall vue-template-compiler
2-2> 执行npm install vue-template-compiler@报错中提示的vue的版本号

网站导航

网站导航