vue项目启动报错

最新推荐文章于 2024-05-23 08:32:45 发布
最新推荐文章于 2024-05-23 08:32:45 发布
阅读量387 收藏 1
点赞数
分类专栏： 踩坑记录 前端 文章标签： vue
原文链接：https://blog.csdn.net/weixin_45247365/article/details/103725882?ops_request_misc=%25257B%252522request%25255Fid%252522%25253A%252522161038058916780277013143%252522%25252C%252522scm%252522%25253A%25252220140713.130102334…%252522%25257D&request_id=161038058
版权

vue项目启动报错

参考网址:

https://blog.csdn.net/weixin_45247365/article/details/103725882?ops_request_misc=%25257B%252522request%25255Fid%252522%25253A%252522161038058916780277013143%252522%25252C%252522scm%252522%25253A%25252220140713.130102334…%252522%25257D&request_id=161038058916780277013143&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2allbaidu_landing_v2~default-1-103725882.first_rank_v2_pc_rank_v29&utm_term=webpack-dev-server%20--inline%20--progress%20--config%20build/webpack.dev.conf.js

前言

因为自己对前端基础框架不是很了解,所以踩坑就记录了,暂时记录下,哈哈

报错信息

20191227081206111

方法1：

“webpack-dev-server”: “^2.9.1”

删除 node_modules 目录，再重新安装依赖包

npm install -S // 这种方式安装的时间会长些，也可以只重装 webpack-dev-server模块

**方法2：**单独重装 webpack-dev-server模块

（1）npm uninstall webpack-dev-server

（2）npm install webpack-dev-server@2.9.1

（3）npm run dev

ver@2.9.1

（3）npm run dev

不会打字314
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目 启动失败报错（实用的解决方法）
前端程序员、项目经理、人工智能博主
10-31 5059
第一种报错如下 解决办法： 直接项目目录下运行npm install webpack-dev-server -g 第二种常见报错如下 如果我们遇到像Error: Cannot find module '***'的报错 我们可以直接项目目录下npm install 报错提示的***去进行下载 示例报错如下： 解决办法: 讲解完毕 ...
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
01-19
Vue项目运行npm run build后会生成一个dist文件夹，我们一般都是把这个文件夹部署到服务器上。dist文件夹里边有一个static文件和一个index.html页面，这个index就是最后单页面的最终文件。 问题一：我在打包完成后，打开index.html文件发现地址并没有携带路由。 这样的话页面就是空白了，因为没有组件被添加到页面中。打开F12会看到一堆的红色failed请求。打开请求地址是这样的。 进入D盘就开始寻找static文件夹当然是找不到的。既然知道了是打包之后寻找文件的地址错误，就去config文件夹下的index.js中寻找问题。index.js中的bui
vue中，启动项目报错。
沿华的博客
01-09 1902
检查有没有package.json和node_modules文件夹。
vue启动项目报错：npm ERR! missing script: serve解决方法
最新发布
qq_55873376的博客
05-23 297
1.vue启动项目报错：npm ERR!在配置文件中的服务器名称和你启动命令中的名称不匹配。.json 中服务器名称，并修改启动命令。
VUE启动报错ERROR CANNOT FIND MODULE ARRAY-INCLUDES
laihming的博客
07-10 243
VUE启动报错ERROR:CANNOT FIND MODULE ‘ARRAY-INCLUDES’ 解决办法： 删除项目中的node_modules文件夹 清空所有依赖，cnpm cache clean 重新安装依赖，cpnm install 重新启动就可以了
vue 项目报错
weixin_30381317的博客
07-18 117
1. 空格和缩进不能混搭使用； 2.export 前面不能有空格； 3. 闭标签后面也不能有空格； 4. 结尾应该有换行 转载于:https://www.cnblogs.com/jy13638593346/p/9329437.html...
vue项目 报错信息
weixin_30600503的博客
11-06 173
TypeError: handlers[i].call is not a function" 从报错的handlers[i].call 入手查找原因--这个错误是调用相关的生命周期钩子函数引起来的错误 生命周期钩子函数---那么有了方向我们去找相应报错页面 查看你的页面相关 生命周期钩子函数是否有 声明了未定义方法 或是 只声名了钩子函数： 把钩子删...
vue项目报错总结
06-09 152
1.vue项目报错 1 http://eslint.org/docs/rules/eol-last ✘ http://eslint.org/docs/rules/eol-last Newline required at end of file but not found src\views\setting\index.vue:13:9 </style> ^ 注意src\views\setting\index.vue:13行 此处enter一个14行
vue启动编译时报错：134（内存溢出）
qq_40652539的博客
07-12 2253
vue项目启动报错，内存溢出，errno 134
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
10-14
在开发Vue项目时，遇到IE11浏览器白屏并报出`SCRIPT1002: 语法错误`的问题，通常是由于IE11不支持ES6语法导致的。Vue.js自身和许多现代JavaScript库广泛使用了ES6特性，而IE11并不完全支持这些新特性。以下是一些...
vue项目启动出现cannot GET /服务错误的解决方法
10-15
在开发Vue项目时，有时会遇到“Cannot GET /”的错误，这通常意味着浏览器无法找到你期望的资源。本文将详细解析这个问题的原因以及提供几种有效的解决策略。 首先，"Cannot GET /"错误通常出现在尝试访问应用程序...
解决vue项目运行npm run serve报错的问题
01-18
先来一张报错的截图 先去配置环境变量 C:\Users\lgd\AppData\Local\Programs\Microsoft VS Code\bin的后面配置 ；%SystemRoot%\system32;...补充知识：vue npm run serve报错Cannot find module ‘eslint-plugin
vue.js 中使用（…）运算符报错的解决方法
12-10
本篇文章将详细讲解如何解决Vue.js项目中使用扩展运算符报错的问题。 首先，报错的原因在于Vue.js项目可能没有正确地配置Babel，Babel是一个JavaScript编译器，它可以将ES6+的代码转换为当前浏览器能理解的ES5语法...
vue.js为什么报错
aa929249的博客
03-12 625
vue.js报错的原因：1、语法错误；2、组件使用不当；3、数据绑定问题；4、生命周期钩子使用不当；5、插件或依赖问题；6、路由配置错误；7、异步操作处理不当；8、模板；9、项目配置问题；10、浏览器兼容性问题。Vue.js 报错可能有多种原因，这些原因通常与代码编写、组件使用、生命周期钩子处理、数据绑定、插件安装、API 使用或项目配置等方面有关。当 Vue.js 报错时，开发者通常需要仔细阅读错误信息，定位问题所在，并采取相应的措施进行修复。
vue控制台报错（1）
yehaocheng520的博客
05-22 559
vue控制台报错Duplicate keys detected: ‘xxxx’. This may cause an update error. 在vue的使用过程中，由于一个页面中使用了两个v-for 循环，在渲染的时候，key值相同导致程序报错。 解决方法就是修改key值，保证key值的唯一性。 key的取值，可以是index,可以是item，也可以是item中的某个属性值。 也可以是拼接值。:key=" 'tab' +item.id"就是用的拼接值的方式进行处理的。 ...
134Vue-事件修饰符阻止冒泡、阻止默认行为、按键修饰符、capture启用捕获顺序从外到里
Gy_9543的博客
08-05 277
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="app"> <div>{{num}}</div> <div v-on:click='handle0'> .
VUE 启动项目报错
lilyheart的博客
12-23 2973
因任务需求需要将原来的代码，复制一份改变端口号来和后端代码实现新需求，再将代码复制后，使用npm run dev启动项目报错了，npm install也不行。在网上搜了各种方法都不行，头大，简直是个玄学问题了。都快放弃了，有一篇文章来的真是及时，。。。附上链接https://www.jianshu.com/p/4427489f7e4e。 报错了，查看log中的提示，按照报错提示执行命令解决，...
web自动化中公共模块引用出现无法导入模块问题
笔记记录
03-04 517
提示：导入失败 解决方法：设置程序所在目录 #设置程序所在目录 import sys sys.path.append("C:/Users/lgf/Desktop\login2.py")
VSCode启动vue项目，入门各类报错解决方案
一茗道人 ~~ ~ 阿亮-的博客
05-26 2660
一、背景：启动项目命令：npm run dev，直接报错npm ERR! missing script: dev。 二、解决方案： 1.使用命令：vue init webpack project(项目名)。 2.再重新使用启动项目命令：npm run dev。 若使用命令：vue init webpack project(项目名)报错： vue : 无法加载文件 C:\Users\asus\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止...
vue项目启动报错 transpileDependencies.map is not function
05-03
这个错误通常是由于使用了不兼容的 Vue 版本或 Babel 版本所导致的。您可以尝试以下几个步骤来解决这个问题： 1. 确保您使用的 Vue 版本和 Babel 版本是兼容的。您可以查看 Vue 官方文档中的“构建工具”部分，找到相应的版本要求。 2. 检查您的项目中是否存在不兼容的依赖项。您可以尝试升级或降级这些依赖项，以找到合适的版本。 3. 尝试在项目根目录下创建一个 babel.config.js 文件，并添加以下内容： ``` module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ] } ``` 4. 如果您使用的是 Vue CLI 2.x，请尝试升级到 Vue CLI 3.x。在 Vue CLI 3.x 中，您不再需要配置 Babel，因为它已经内置了。 如果以上步骤都无法解决问题，您可以尝试重新创建一个新的 Vue 项目，并将您的代码复制到新项目中。或者，您可以尝试使用其他的构建工具，例如 webpack。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值