hzw的博客

webpack中使用url-loader配置图片时出现问题：background:url([object Module])解决：在配置文件 webpack.config.js 中，修改配置为：{ test: /\.jpg|png|gif|bmp|ttf|eot|svg|woff|woff2$/, use: [{ loader: 'url-loader', options: { limit: 16940, esModule: false } }]}重新运行 npm

这个bug真的是搞了很久才弄出来，一直以为是和webpack版本不匹配，原来和node版本也有关系首先贴上报错信息：webpack 打包处理 scss文件，需要npm下载安装 sass-loader 和 node-sass 。为了解决和webpack版本相匹配，选择安装 node-sass@4.11.0 时下载安装不了报错。查询很多资料，最终发现，也需要与 node 版本相匹配，这时我们需要查看一下自己node的版本号了：node -vhttps://www.npmjs.com/pack.

原因：html-webpack-plugin与webpack版本不匹配导致**解决办法：**下载安装指定版本的 html-webpack-plugin，使之两者版本相匹配npm i html-webpack-plugin@4.5.0 -D

配置 webpack-dev-server 运行项目时报错：Error: Cannot find module ‘webpack-cli/bin/config-yargs’查了很多资料，都是说 webpack 和 webpack-dev-server 版本不兼容问题。然后重新下载安装webpack webpack-cli webpack-dev-server指定版本。npm i webpack@4.29.0 -Dnpm i webpack-cli@3.2.1 -Dnpm i webpac.

webpack自动打包报错Error: Cannot find module 'webpack-cli/package.json'Require stack:- C:\Users\ASUS\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js at Function.Module._resolveFilename (internal/modules/cjs/loader.js:885:15) at Function.resolv

问题描述：webpack打包项目运行时，报错'webpack' 不是内部或外部命令，也不是可运行的程序或批处理文件。个人解决方案：在终端重现安装一遍webpacknpm install webpack webpack-cli -D运行 npm run dev然后重新运行index.html文件。...