运行webpack-dev-server报错 Cannot find module 'webpack/schemas/WebpackOptions.json'

最新推荐文章于 2021-07-15 18:03:33 发布

A 轨迹

最新推荐文章于 2021-07-15 18:03:33 发布

阅读量402

点赞数

分类专栏： IT小白的学习之路学习路上遇错的解决方案 java 文章标签： Cannot find module 'webpack/schemas

本文链接：https://blog.csdn.net/symsym_keepGoing/article/details/102467555

版权

IT小白的学习之路同时被 3 个专栏收录

17 篇文章 0 订阅

订阅专栏

学习路上遇错的解决方案

6 篇文章 0 订阅

订阅专栏

java

5 篇文章 0 订阅

订阅专栏

在做项目时，遇到了如标题这样的错误。使用webpack-dev-serve时，运行npm start报错：Cannot find module ‘webpack/schemas/WebpackOptions.json’。搞了半天不知道哪里出错，下边是我的配置。
package.json

{
  "scripts": {
	"dev": "webpack-dev-server --inline --hot --open --port 5008"
  },
  "devDependencies": {
    "html-webpack-plugin": "^2.30.1",
    "webpack": "^3.6.0",
    "webpack-dev-server": "^2.9.1"
  }
}

webpack.config.js

var htmlwp = require('html-webpack-plugin');
module.exports={
    entry:'./src/main.js', //指定打包的入口文件
    output:{
        path : __dirname+'/dist', // 注意：__dirname表示webpack.config.js所在目录的绝对路径
        filename:'build.js' //输出文件
    },
    plugins:[
        new htmlwp({
            title: '首页', //生成的页面标题<head><title>首页</title></head>
            filename: 'index.html', //webpack‐dev‐server在内存中生成的文件名称，自动将build注入到这个页面底部，才能实现自动刷新功能
            template: 'vue_02.html' //根据index1.html这个模板来生成(这个文件请程序员自己生成)
        })
    ]
}

因为跟着步骤一步一步来的，启动dev时却报错

Cannot find module ‘html‐webpack‐plugin’

报错很明显,缺少了html‐webpack‐plugin插件，我仔细看了下代码，发现代码也没问题啊。搞了半天，突然醒悟，这段代码时pdf复制的，格式可能有问题。
在这里插入图片描述
于是乎，将图中圈起来的代码手动重新敲一遍，问题迎刃而解。。。。代码就是这么神奇，有时候很沙雕的错误够你折腾一天。

A 轨迹

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
运行webpack-dev-server报错 Cannot find module 'webpack/schemas/WebpackOptions.json'

在做项目时，遇到了如标题这样的错误。使用webpack-dev-serve时，运行npm start报错：Cannot find module ‘webpack/schemas/WebpackOptions.json’。搞了半天不知道哪里出错，下边是我的配置。package.json{ "scripts": { "dev": "webpack-dev-server --inline --...
复制链接

扫一扫

专栏目录