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
相关文章
|
1天前
|
资源调度 JavaScript 前端开发
【vue】vue中的路由vue-router,vue-cli脚手架详细使用教程
【vue】vue中的路由vue-router,vue-cli脚手架详细使用教程
|
1天前
|
JavaScript 前端开发
vue组件化开发流程梳理,拿来即用
vue组件化开发流程梳理,拿来即用
|
1天前
|
JavaScript Go
Vue路由跳转及路由传参
Vue路由跳转及路由传参
|
3天前
|
JavaScript 前端开发 BI
采用前后端分离Vue,Ant-Design技术开发的(手麻系统成品源码)适用于三甲医院
开发环境 技术架构:前后端分离 开发语言:C#.net6.0 开发工具:vs2022,vscode 前端框架:Vue,Ant-Design 后端框架:百小僧开源框架 数 据 库:sqlserver2019
采用前后端分离Vue,Ant-Design技术开发的(手麻系统成品源码)适用于三甲医院
|
5天前
|
监控 JavaScript
Vue中的数据变化监控与响应——深入理解Watchers
Vue中的数据变化监控与响应——深入理解Watchers
|
JavaScript 测试技术 容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具 检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.
982 0
|
6天前
|
JavaScript
【vue】如何跳转路由到指定页面位置
【vue】如何跳转路由到指定页面位置
9 0
|
6天前
|
JSON JavaScript 前端开发
【vue】假数据的选择和使用
【vue】假数据的选择和使用
12 1
|
6天前
|
JavaScript 前端开发
【vue】iview如何把input输入框和点击输入框之后的边框去掉
【vue】iview如何把input输入框和点击输入框之后的边框去掉
12 0
|
5天前
|
JavaScript 安全 前端开发
Vue 项目中的权限管理:让页面也学会说“你无权访问!
Vue 项目中的权限管理:让页面也学会说“你无权访问!
15 3