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 API
Vue axjx 跨域请求
Vue应用中解决跨域问题可通过配置代理服务器。方法一是设置`devServer.proxy`到目标服务器端口,如`http://localhost:3000`,然后使用axios发送请求。方法二是为多个代理配置,如`/api`和`/api2`,分别指向不同端口,利用`pathRewrite`重写路径。请求时需加上相应前缀,如`/api/index`。
7 1
|
2天前
|
JavaScript 前端开发 Java
JavaSE精选-Vue
JavaSE精选-Vue
7 1
|
2天前
|
JavaScript
vue知识点
vue知识点
13 2
|
2天前
|
JavaScript
Vue父子组件传值
<!-- 父组件向子组件传地值 -->
11 2
|
2天前
|
JavaScript Java
Vue : v-if, v-show
Vue : v-if, v-show
13 0
Vue : v-if, v-show
|
9天前
|
缓存 监控 JavaScript
探讨优化Vue应用性能和加载速度的策略
【5月更文挑战第17天】本文探讨了优化Vue应用性能和加载速度的策略:1) 精简代码和组件拆分以减少冗余;2) 使用计算属性和侦听器、懒加载、预加载和预获取优化路由;3) 数据懒加载和防抖节流处理高频事件;4) 图片压缩和选择合适格式,使用CDN加速资源加载;5) 利用浏览器缓存和组件缓存提高效率;6) 使用Vue Devtools和性能分析工具监控及调试。通过这些方法,可提升用户在复杂应用中的体验。
28 0
|
9天前
|
JavaScript 前端开发
vue(1),小白看完都会了
vue(1),小白看完都会了
|
1天前
|
存储 缓存 JavaScript
谈谈你对vue的了解
谈谈你对vue的了解
9 3
|
2天前
|
JavaScript 前端开发
Vue : 监视属性
Vue : 监视属性
9 0
|
2天前
|
缓存 JavaScript
Vue: 事件修饰符, 键盘事件, 鼠标事件,计算属性
Vue: 事件修饰符, 键盘事件, 鼠标事件,计算属性
18 2