使用命令npm run serve 启动vue项目，起到百分之几一直卡着不动

最新推荐文章于 2024-05-26 23:00:15 发布
最新推荐文章于 2024-05-26 23:00:15 发布
阅读量6.6k 收藏 6
点赞数 17
分类专栏： 项目问题记录 文章标签： webstorm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60967241/article/details/124308389
版权

使用命令npm run serve 启动vue项目，结果运行到24%的时候一直卡着不动，如图所示

开始以为没什么，结果等了一会后发现不对劲了，不可能启动项目会这么久噻。

然后上网查了下，原来这种是由于编译错误而引起的。但是没有报错就很无奈。

后面想了下我动了哪些代码，才发现原来是我在新增vue的component 组件里的<template> 标签里直接写了文字，如图所示

因为急着测试，而没有给它加上<div>或者其他的标签包裹着，所以导致这种错误。

加上标签，或者删除就可以正常运行了

爱吃洋芋的土豆
关注
  • 17
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
前端执行npm run serve，执行到一半卡住的解决办法（全）
码农研究僧的博客
03-20 1735
前端执行npm run serve，执行到一半卡住的解决办法
vue3项目，带增删改，连带node_modules包，下载后运行npm run serve启动
06-14
vue3项目，带增删改，连带node_modules包，下载后运行npm run serve启动,如果依赖安不上npm i --legacy-peer-deps npm i eslint-plugin-vue，再npm run serve
[npm玄学]npm run serve运行项目到百分之xx卡住但不报错
SCUhzs
03-01 1252
vue项目，npm run serve以后，运行项目到百分之几以后开始卡住，主要原因是代码编写错误了，常见的有在vue组件中<template></template>标签中没有用<div></div>包裹起来。 解决方案：用div包裹就ok了 ...
【踩坑】Vue [24%] building (282/1343 modules)卡住了
weixin_38942461的博客
05-15 752
恢复之前的版本，再次尝试打包或编译。可以一步一步的定位到哪个文件。1.代码更新时，版本发生冲突了。2.修正某处代码，发生冲突了。
Vue项目中npm run build 卡住不执行的几种情况(实战版)
最新发布
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
05-26 703
一：比较常见是镜像导致的原因 我们可以找到build/check-versions文件 将这段代码注释,重新运行就可以解决这个问题。组件1中 import from ‘@/views/compontent/popup2’组件2中 import from ‘@/views/compontent/popup3’组件3中 import from ‘@/views/compontent/popup1’导致项目编译进入了死循环。
Vue中执行npm run serve 时，执行到一半不动了
ganggun的博客
05-17 5522
Vue中执行npm run serve 时，执行到一半不动了。
npm run dev,npm run serve 运行到一半卡死
m0_50488756的博客
04-14 3931
Vue npm run dev,npm run serve 运行到一半卡死 有两个原因会造成这个结果： modules中缺少依赖，使用npm install 命令重新加载依赖 Vue规定每个template中必须有一个根div，如果有两个div并行，就会产生死循环，导致build卡死 ...
Vue在启动时卡住了，启动不了的问题
热门推荐
xiaoyezhiei的博客
07-01 1万+
npm run serve 比如一个template下面只能有一个子元素，你可能写了两个； 也有可能自己在 import 的时候，多引入了空的东西； 当然最有可能的是和我一样不知道什么时候碰到了键盘，在template中间敲了个字母，导致编译无法通过，还不知道在哪儿 执行 npm install 命令，重新下载依赖，npm会下载缺失的依赖项。 然后我们再运行npm run serve即可......
npm run server 运行卡住运行不起来
m0_73661580的博客
04-30 265
【代码】npm run server 运行卡住运行不起来。
解决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
ConnectionStrings VUE的helloworld项目1 运行命令 npm run serve
05-07
ConnectionStrings VUE的helloworld项目1 运行命令 npm run serve
VUE项目启动失败：Module build failed
01-08
错误如图，最近使用Vue/cli创建一个项目时npm run serve启动失败，询问了大佬，都说重新安装一下node_modules包，卸载重新安装之后任然无效，最后发现是命令错误 首先第一步rimraf node_modules命令移出node_modules...
使用Vue-cli 3.0搭建Vue项目的方法
01-21
1. 环境准备 ...切换npm源(以使用taobao为例) // 用法： nrm use *** nrm use taobao // 切换之后可用 nrm ls查看是否已经切换了npm源 nrm切换npm源.png 1.3. 安装yarn npm i yarn -g 1.4. 安装vue-cli 3
vue项目使用npm run serve 编译到一半不动了
DOM曼珠沙华的博客
06-11 7339
vue项目编译到一半不动了
npm run serve 卡住解决方案
菜鸟阿都
08-13 8355
问题描述： 在本地开发vue前端时，使用npmrunserve运行vue项目，却运行到40%左右不动。删除node_modules依赖包目录，重新npminstall，但还是未解决。 解决方案： 并不是依赖包的问题，而是代码的原因，在vue页面中，直接在<template>标签下引入其他代码，而不是在<div>下，错误代码如下： <template> <el-backtop target=".page-component__scroll .el-...
vue项目启动时卡死,一直在百分之多少不动
压力是什么？
11-09 1964
vue项目启动时卡死,一直在百分之多少不动
使用命令npm run serve 启动vue项目,起到百分之几一直卡着不动
m0_61672533的博客
08-04 1619
使用命令npm run serve 启动vue项目,起到百分之几一直卡着不动
Vue（yarn）npm run serve 提升构建速度
Mr.小灰狼_随笔
08-12 2727
Vue（yarn）npm run serve 提升构建速度 目录 Vue 开发环境构建优化 1、背景 2、简介 3、实现
npm run serve 启动vue项目是，报错 Failed to resolve loader: sass-loader
06-06
这个错误通常是由于缺少 sass-loader 模块导致的，你需要通过 npm 安装它。 你可以使用以下命令来安装 sass-loader： ``` npm install sass-loader ``` 如果你已经安装了 sass-loader，但是还是出现了这个错误，那么可能是你的版本不兼容。你可以尝试使用以下命令来安装一个特定的版本： ``` npm install sass-loader@版本号 ``` 请将“版本号”替换为你想要安装的 sass-loader 版本号。你可以在 sass-loader 的 npm 页面上找到所有的可用版本。 如果以上方法都无法解决问题，你可以尝试删除 node_modules 目录并重新安装 npm 依赖： ``` rm -rf node_modules npm install ``` 希望这些方法能够帮助你解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值