webpack 报错总结

今天有朋友问我wepback报错的解决问题,刚好也是我之前遇到过的,总结一下,以便以后查阅

啰嗦两句,小白 学习webpack推荐一个慕课网上的视频 webpack深入与实战 这个视频是完全免费 这个里面讲的不是最新的webpack配置 但是可以让你对webpack有一个清晰的认识,以便更快捷的自学

问题一: 运行 webpack 

错误提示:'webpack' 不是内部或外部命令,也不是可运行的程序 或批处理文件。

解决办法:这个环境变量配置错误

视频中给的是在项目中对单个项目运行  npm install webpack --save-dev这个是对当前项目安装 可以 在环境变量中配置 path路径为当前文件下node_module 下的.bin的路径

webpack 报错总结_第1张图片

问题二:运行webpack提示输出路径为绝对路径

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
- configuration.output.path: The provided value "./dist/js" is not an absolute path!
-> The output directory as **absolute path** (required).

解决办法:

方法一: 添加path

webpack 报错总结_第2张图片

方法二:直接拼接 __dirname

webpack 报错总结_第3张图片

注意:如果提示_dirname is not defined 可能的原因是__direname的下划线是两个不是一个修改为两个下划线即可

 

你可能感兴趣的:(webpack,absolute,path)