Vue项目启动报错处理

简介: Vue项目启动报错处理

1、Error: Cannot find module 'webpack'

解决方式:

npm install --save-dev webpack

2、Error: Rule can only have one resource source (provided resource and test + include + exclude) in {


解决方式:

首先卸载原来的webpack包:npm uninstall webpack
然后重新再项目中安装低版本的:npm install webpack@^4.0.0 --save-dev

3、Syntax Error: Error: Cannot find module '@vue/babel-preset-app'

npm install @vue/babel-preset-app --save-dev

npm install --save-dev @babel/core

4、Syntax Error: Error: Cannot find module 'cache-loader'


5、解决Error: ENOENT: no such file or directory, scandir 'xxx\node-sass\vendor'


删除依赖,重新 cnpm install


6、解决 These dependencies were not found: * core-js/modules/es6.array.fill in xxx 之类的问题

在babel.config.js中添加:

presets: [ [ "@vue/app", { useBuiltIns: "entry" } ] ]

Error: Rule can only have one resource source (provided resource and test + include + exclude)


解决方案:

删除webpack,重新装以前的版本。

npm uninstall webpack
npm install webpack@^4.0.0 --save-dev
相关文章
|
25天前
|
JavaScript
vue实现任务周期cron表达式选择组件
vue实现任务周期cron表达式选择组件
102 4
|
4天前
|
人工智能 自然语言处理 JavaScript
用 CodeBuddy 搭建Vue框架 像呼吸一样简单
本文介绍如何借助 CodeBuddy 快速创建 Vue 项目。CodeBuddy 是一款支持自然语言编程的工具,能根据用户需求自动生成代码,降低开发门槛。文章详细说明了通过 CodeBuddy 创建 Vue 项目的步骤,包括解决项目创建失败的问题、自动补全代码功能以及启动开发服务器的方法。无论开发者经验如何,CodeBuddy 都能显著提升效率,让开发更专注创意实现。
|
15天前
|
缓存 JavaScript 前端开发
Vue 基础语法介绍
Vue 基础语法介绍
|
2月前
|
SQL JavaScript 前端开发
Vue实现动态数据透视表(交叉表)
Vue实现动态数据透视表(交叉表)
185 13
|
2月前
|
存储 数据采集 供应链
属性描述符初探——Vue实现数据劫持的基础
属性描述符还有很多内容可以挖掘,比如defineProperty与Proxy的区别,比如vue2与vue3实现数据劫持的方式有什么不同,实现效果有哪些差异等,这篇博文只是入门,以后有时间再深挖。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
JavaScript Java 物联网
现有vue项目seo优化
现有vue项目seo优化
|
JavaScript 前端开发
重读vue电商网站45之项目优化上线
重读vue电商网站45之项目优化上线
165 0
重读vue电商网站45之项目优化上线
|
5月前
|
JavaScript
vue使用iconfont图标
vue使用iconfont图标
232 1
|
2月前
|
JavaScript 前端开发 算法
vue渲染页面的原理
vue渲染页面的原理
134 56
|
2月前
|
数据采集 资源调度 JavaScript
极致的灵活度满足工程美学:用Vue Flow绘制一个完美流程图
本文介绍了使用 Vue Flow 绘制流程图的方法与技巧。Vue Flow 是一个灵活强大的工具,适合自定义复杂的流程图。文章从环境要求(Node.js v20+ 和 Vue 3.3+)、基础入门案例、自定义功能(节点与连线的定制、事件处理)到实际案例全面解析其用法。重点强调了 Vue Flow 的高度灵活性,虽然预定义内容较少,但提供了丰富的 API 支持深度定制。同时,文中还分享了关于句柄(handles)的使用方法,以及如何解决官网复杂案例无法运行的问题。最后通过对比 mermaid,总结 Vue Flow 更适合需要高度自定义和复杂需求的场景,并附带多个相关技术博客链接供进一步学习。