美文网首页
webpackdevserver报错 validateSchem

webpackdevserver报错 validateSchem

作者: 爱新觉罗_洛 | 来源:发表于2018-04-09 21:57 被阅读0次

validateSchema is not a function这个问题我真的是快醉了

整个下午的时间基本上都花在这了,我在网上查了很多资料,但是由于我是初学,所以他们的解决办法根本不在我的能力承受范围之内,最后我根据网上查找的资料,结合自己的理解综合了一下

webpack-dev-server解决办法如下

1、【因为经历过多次安装卸载,所以这次我只是写了一个简单的项目,尝试安装一下webpack-dev-server】首先安装package.json文件

命令:cnpm init -y


image.png

2、在这个项目里安装webpack-dev-server,(之前我是直接cnpm install webpack-dev-server……)但是会报错,错误就是我的标题,后来我在网上查,发现是版本的原因:

image.png

我就直接在项目里下载了2.1.0-beta.10版本的webpack-dev-server
cnpm install webpack@2.2.0 --save-dev


image.png

3、根据提示,我又安装了2.2.0版本的局部webpack

cnpm install webpack@2.2.0 --save-dev


image.png

4、然后配置webpack.config.js

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build":"node_modules/.bin/webpack",
    "start":"webpack-dev-server --entry ./src/js/test.js --output-filename ./dist/bundle.js"

输入命令cnpm run build进行打包


image.png

5、输入cnpm start运行webpack-dev-server

image.png

因为我整个文件为了防止失败,没有多写,只在出口文件中写入console.log(1),所以最后的运行结果就是

image.png

总之成功了!!!

相关文章

网友评论

      本文标题:webpackdevserver报错 validateSchem

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