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

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实践--npm run dev 报错解决

为什么会缺少这个webpack模块呢,我明明安装过了,百度之后,有人说是webpack-dev-server 最新版导致的,然后卸载了,

又换了一个低版本,还是不行。

接着各种百度,最后又npm install webpack,这下不报这个错了,但是又报下面的错。

webpack实践--npm run dev 报错解决

也不知道为啥,于是又想着把刚才的版本换回来吧,果然,不报这个错了,但是报下面的错。

webpack实践--npm run dev 报错解决

哦,明白了,重新执行npm install webpack-cli,果然,再次npm run dev 时成功了!

不过还是不明白,我建项目时明明执行过 npm install webpack webpack-cli --save-dev了。为什么安装完webpack-dev-server

后还需要执行这两个呢?

记录一下吧,说不定还会遇到。

相关标签: webpack