webpack --- webpack和webpack-dev-server众问题

报错信息:

peerDependencies WARNING webpack-dev-server@^2.9.7 requires a peer of webpack@^2.2.0 || ^3.0.0 but [email protected] was installed
peerDependencies WARNING [email protected][email protected] requires a peer of webpack@^1.0.0 || ^2.0.0 || ^3.0.0 but [email protected] was installed

 全部报错信息:

webpack --- webpack和webpack-dev-server众问题_第1张图片

这个报错原因是因为webpack-dev-server需要本地的webpack文件

方法一:直接安装对应版本webpack(代码不演示了)

方法二:将整个node_modules文件夹删除,重新安装:

webpack --- webpack和webpack-dev-server众问题_第2张图片

删除后打开package.json

webpack --- webpack和webpack-dev-server众问题_第3张图片

将webpack和webpack-dev-server的兼容版本写好(本地版本不要太高,按照报错兼容版本来),像我需要jquery包,也写进去然后执行命令行

cnpm i

这个命令就能把需要的本地包安装一遍

然后再确认一遍package.json已经把webpack-dev-server添加了

webpack --- webpack和webpack-dev-server众问题_第4张图片

最后执行

 cnpm run dev

做了这么多应该没错了,如果用了方法一报了这个错

webpack --- webpack和webpack-dev-server众问题_第5张图片

就把方法二做一遍.

如果弹窗如下就基本搞定了,接下来和我一样的萌新继续

webpack --- webpack和webpack-dev-server众问题_第6张图片

明明已经成功每次保存也有显示,但是网页不会变,是因为工具将bundle.js的路径改变成根目录了(红线),只需将html中的路径改一下即可




  
  
  
  Document


  
  




  
  • 第1
  • 第2
  • 第3
  • 第4
  • 第5
  • 第6
  • 第7
  • 第8
  • 第9
  • 第10

 

你可能感兴趣的:(前端)