vue项目报错集合

研究网页变灰色,拿vue移动端项目做测试,引发的一系列报错,记录下。传送门:网页变灰色csshttps://blog.csdn.net/pang787559613/article/details/105335728

最终报错解决,运行成功,把sourcetree中所有改动丢弃,依旧完美启动。

1、sh: webpack-dev-server: command not found

解决:cnpm install

ps: 现在我知道为什么运行项目前要运行这句了,安装依赖,不然就会跟我一样出现各种不是什么大问题的报错(然鹅我今天就漏掉了这个,一系列猛如虎的报错操作之后,发现根源在这)。

2、Cannot find module 'webpack-cli’

解决:npm install webpack-cli -g

3、Error: Cannot find module ‘webpack’

解决:npm install --save-dev webpack

4、Error: Cannot find module 'webpack/bin/config-yargs’

我的版本:

webpack-dev-server@2.11.5

webpack-cli@3.3.11

webpack@4.42.1

原因: 目前版本的webpack-dev-server@2.11.5 不支持 webpack@4.32.2

解决: 重装一个webpack-dev-server是3.0版本以上就兼容 :npm i webpack-dev-server@3.10.3 -d

5、TypeError: compilation.mainTemplate.applyPluginsWaterfall is not a function

原因: html-webpack-plugin版本不兼容问题

解决:

https://github.com/jantimon/html-webpack-plugin

npm i --save-dev html-webpack-plugin

yarn add --dev html-webpack-plugin

6、TypeError: Cannot read property ‘vue’ of undefined

原因: vue-loader这个插件被破坏了

解决: 重新安装依赖:npm install vue-loader@latest --save-dev

7、Error: Cannot find module ‘html-webpack-plugin’

解决: 重新安装:npm insatall html-webpack-plugin -d

8、vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.

Module parse failed: Unexpected token (2:0)

解决: 重新安装vue-loader:npm install vue-loader

9、This dependency was not found:

解决: 重新安装sass、sass-loader:npm i sass sass-loader --save-dev

10、Module build failed: TypeError: this.getResolve is not a function at Object.loader

原因: sass-loader的版本过高导致的编译错误,当前最高版本是8.x,需要退回到7.3.1

解决:

npm uninstall sass-loader(卸载当前版本)

npm install sass-loader@7.3.1 --save-dev(安装指定版本)

运行成功:

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 源码地址:https://github.com/h2huanghui/WEBPACK-BASE 一、概念 webp...
    smartHui阅读 5,728评论 0 1
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 6,488评论 0 2
  • 非常感谢胖哥的博客和掘金小册的技术分享,希望大家去下面的链接去查看原文,他们写的非常好,都是多个项目经验的总结!!...
    示十阅读 6,807评论 0 2
  • ### 1.新建文件夹 mkdir wepack-vue //文件名字可以随便复制代码 ### 2.新建packa...
    杀个程序猿祭天阅读 2,817评论 0 0
  • 有多久不曾写作了,以至于打开简书,看到竟的都是陌生的界面和板块。 是近乎于偷懒的只读不写所谓积淀,还是美其名曰“思...
    昈_阅读 2,507评论 2 3

友情链接更多精彩内容