本文遇到的问题是安装vue-loader@17.0.0后,用webpack打包vue文件时失败。

  在此之前,已经下载了vue-template-compiler,vue-loader. 配置了html-webpack-plugin。

1.在删除vue文件中的内容后,错误仍然出现。所以不是文件内部语法问题。

2.删除js文件中导入的import的vue路径,webpack成功打包。所以应该是vue路径或者对vue文件识别失败。

3.将vue-loader重新安装为13.0.0.出现新的error.   TypeError: Cannot read properties of undefined (reading 'vue')

  解决方法:将vue-loader17.0.0,重新安装为vue-loader14版本中最新的14.2.2.

此时系统会不识别html-webpack-plugin,所以去掉它。

webpack成功打包。

 

  结尾:下载最新版本的vue-loader,会遇到一些问题,我原本的webpack,vue和vue-loader的版本应该是兼容的,但还是报错。建议大家在打包vue文件时,直接搜索vue-loader17.0.0的安装方法以及遇到的问题,而不是搜索webpack5打包vue文件的教程。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐