Vue--webpack遇到的坑

1.安装好webpack后(npm i webpack -g),在命令行输入 webpack -h 提示让安装webpack-cli,输入yes之后开始安装,安装完成再次输入webpack -h同样报错.

解决方法:查看了安装的webpack是4.xx.xx的版本,换成3.xx.xx的版本就解决了.安装webpack指定版本(npm i webpack3.6.0 -g).成功之后再输入webpack -h显示正确

2.用webpack将main.js转换成bundle.js之后,bundle.js并没有起作用,浏览器报错:Failed to load resource: net::ERR_FILE_NOT_FOUND.

找了好一会才发现错误:

index.html引入bundle.js时路径写错了.正确的路径是../dist/bundle.js,我写成了./dist/bundle.js.

../才是dist文件夹     ./是src      朋友们不能像我一样粗心大意啊!