Webpack安装过程中的常见错误处理-错误1：无效的配置对象。 Webpack已使用与API模式不匹配的配置对象进行初始化卸载以前： npm uninstall webpack --save-dev 重新安装： n...

首页>> Webpack >>Webpack安装过程中的常见错误处理

2021-5-2

分类： Webpack

Webpack安装过程中的常见错误处理

文章作者：清风

错误1：无效的配置对象。 Webpack已使用与API模式不匹配的配置对象进行初始化卸载以前： npm uninstall webpack --save-dev 重新安装： np......

错误1：

无效的配置对象。 Webpack已使用与API模式不匹配的配置对象进行初始化

卸载以前：
npm uninstall webpack --save-dev
重新安装：
npm install webpack@2.1.0-beta.22 --save-dev

错误2：
TypeError: chunk.sortModules is not a function 打包的时候出现这个错误

重新安装以下插件：
npm install --save-dev extract-text-webpack-plugin@2.1.2

错误3：
/加载器配置　loaders

如有错误直接改成：{test: /\.css$/, loader: 'style-loader!css-loader'}

ou would change it to:
   ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader' })

注意顺序，有的同学会写成 loader: 'css'或者 loader: 'css!style'，或者不写'-loader'都会有报不同的错误。。。

还有解决build.js和图片输出在同一个根目录下面的问题：

{
    test: /\.(png|jpg|gif|svg)$/,
    loader: 'file-loader',
    options: {
       name: 'img/[name].[ext]?[hash]'
    }
}