美文网首页前端开发
webpack启动服务报错Cannot find module

webpack启动服务报错Cannot find module

作者: 不忘初心_6b23 | 来源:发表于2020-11-13 17:47 被阅读0次
    1. 安装webpack-dev-server
      启动命令
    npm install webpack webpack-cli webpack-dev-server -D
    

    默认装的是最新版本啦,本人用的webpack5.0版本。
    在package.json中添加

    "scripts": {
        "start": "webpack-dev-server --open",
        "dev": "webpack --mode development",
        "build": "webpack --mode prdduction",
        "watch": "webpack --watch",
        "test": "echo \"Error: no test specified\" && exit 1"
      },
    

    在webpack.config.js中配置

    module.exports = {
       devServer: {
            contentBase: path.join(__dirname, 'dist'),
            compress: true,
            port: 9000
        },
    }
    

    ⚠️:运行npm start 报错。会出现如下错误


    image.png

    划重点,出现这种问题,我百度一圈, 都说依赖包版本不一致原因。 我把webpack, webpack-cli , webpack-dev-server统统删了结果还是未果。
    最终我把webpack-cli降级 ,降到3.3版本。

    npm install webpack-cli@3.3 -D 
    

    本人用的webpack版本如下:

    "webpack": "^5.4.0",
    "webpack-cli": "^3.3.12",
    "webpack-dev-server": "^3.11.0"
    

    终于成功在本地把项目运行起来!!! 开心 ,给最近鼓掌👏👏👏

    每天进步一点点,就是最大的开心😄😄😄

    相关文章

      网友评论

        本文标题:webpack启动服务报错Cannot find module

        本文链接:https://www.haomeiwen.com/subject/hievbktx.html