webpackdevserver报错 validateSchema is not a function

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

总之成功了!!!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文作者 Jinkey(微信公众号 jinkey-love,官网 https://jinkey.ai)原文链接 h...
    JinkeyAI阅读 425,710评论 152 921
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,231评论 0 21
  • 前言 众所周知目前比较火的工具就是gulp和webpack,但webpack和gulp却有所不同,本人两者的底层研...
    cduyzh阅读 1,389评论 0 13
  • 今天上午去公司参加春季促销会,原本想着签完订单就回来忙店里的事情,签完订单出来 正好碰见区域经理,说什么都不让我们...
    沄舒阅读 127评论 1 2
  • 坚持 阳春三月,燕儿留恋 风儿拂过,沁入心恬 天还是那个天,童年不曾改变 儿时你牵着兄长的衣襟 顽耍过后是情深的依...
    庆军_a3d7阅读 191评论 0 1