webpack实践--npm run dev 报错解决
程序员文章站
2024-03-26 09:18:05
...
我是按照资料书,实践webpack-dev-server的。
按照步骤,安装npm install webpack-dev-server --save-dev
【当然我已经安装过webpack,webpack-cli了】
然后配置,package.json
{
......
"scripts": {
"build": "webpack",
"dev": "webpack-dev-server"
},
......
}
配置webpack.config.js
module.exports={
entry:'./src/index.js',
output:{
filename:'bundle.js',
},
mode:'development',
devServer:{
publicPath:'/dist'
}
}
执行npm run dev时,报错。
为什么会缺少这个webpack模块呢,我明明安装过了,百度之后,有人说是webpack-dev-server 最新版导致的,然后卸载了,
又换了一个低版本,还是不行。
接着各种百度,最后又npm install webpack,这下不报这个错了,但是又报下面的错。
也不知道为啥,于是又想着把刚才的版本换回来吧,果然,不报这个错了,但是报下面的错。
哦,明白了,重新执行npm install webpack-cli,果然,再次npm run dev 时成功了!
不过还是不明白,我建项目时明明执行过 npm install webpack webpack-cli --save-dev了。为什么安装完webpack-dev-server
后还需要执行这两个呢?
记录一下吧,说不定还会遇到。
推荐阅读
-
npm run dev报错
-
webpack实践--npm run dev 报错解决
-
npm run dev 报错问题
-
npm run dev 报错 ERROR in Entry module not found: Error: Can't resolve './src' in
-
vue打包npm run build时候界面报错的解决
-
解决vue项目运行npm run serve报错的问题
-
安装webpack遇到npm ERR! code E502以及npm ERR! A complete log of this run can be found in等问题的解决办法
-
详解Vue项目在其他电脑npm run dev运行报错的解决方法
-
vue init初始化项目后 npm run dev报错 10% building modules 1/1 modules 0 activeevents
-
npm run dev 报错 Module build failed: Error: Cannot find module 'prettier'