npm run serve卡住（一次记录）

最新推荐文章于 2025-09-18 14:38:55 发布
原创 最新推荐文章于 2025-09-18 14:38:55 发布 · 8.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

在工程开发中遇到npm run serve命令执行时卡在百分比不动的问题，经过一系列尝试和排查，最终发现是由于在<template>中错误地导入了组件导致。本文分享了这一故障排查过程及解决方案。

在写工程的时候，突然发现npm run serve卡在百分比上不动了。

之前还是可以运行的，但是突然之间就卡住了。

瞬间有点慌乱。

在网上搜索了各种方法，也删掉重装。

最后发现，是我新写的代码再<template>里import了东西，复制代码太马虎了！！

所以我这一次的问题就是：

代码上的错误！！！！！！

csdn_xuebing
关注
前端执行npm run serve，执行到一半卡住的解决办法（全）
码农研究僧的博客
03-20 3997
前端执行npm run serve，执行到一半卡住的解决办法
npm run lint 自动修复bug
热门推荐
diaolove的博客
01-06 1万+
项目场景： ✖ 2 problems (2 errors, 0 warnings) 2 errors and 0 warnings potentially fixable with the --fix option. 问题描述： 因为有空格 解决方案： 1、解决办法, 执行npm run lint --fix自动修复警告 npm run lint --fix 或者，在你的可视化界面中点击 然后在运行app即可 ​​ ​​​​ ...
npm run server 运行卡住运行不起来
m0_73661580的博客
04-30 807
【代码】npm run server 运行卡住运行不起来。
VSCode的npm run serve卡住60%不动
weixin_70370121的博客
02-14 1144
template>那里没有写最外层标签，虽然不会报错提示信息，但是项目启动时，解析阶段会卡住。仅是一个包装元素，不会在页面中做任何渲染，只接受控制属性，标签无法自闭合。所以内层必须放一个初始标签包裹内容。在vscode打开的vue中npm run serve的时候一直卡住，删除node_modules重新加载，仍然卡住在60%，网上各种办法都未解决问题。要不是用sublime的比较代码插件，在这么多页面里寻找问题所在之处是麻烦的事，所以每次修改时认真检查代码是关键。
npm run serve 和 npm run dev的区别
最新发布
weixin_44638453的博客
09-18 348
是 Vue CLI 创建的默认命令，专门用于启动 Vue CLI 的开发服务器。是一些自定义配置的命令，可能会使用 Webpack 或其他构建工具来启动开发环境，具体实现依赖于项目的配置。在大多数 Vue CLI 项目中，更常见，而可能出现在使用其他构建工具的项目中。要确认具体的行为，可以查看项目的文件，看看scripts中如何配置这些命令。
Vue项目“npm run serve”总卡住的问题 已解决
我是 二川兄，对Web开发、GIS开发、3D模型、机器学习、面试技巧等方面都有一些涉猎~ 欢迎您加入技术交流圈！你可以在我的文章末尾找到我~
08-29 7595
Vue项目“npm run serve”总卡住的问题 已解决
npm run serve 卡住解决方案
菜鸟阿都
08-13 9746
问题描述： 在本地开发vue前端时，使用npmrunserve运行vue项目，却运行到40%左右不动。删除node_modules依赖包目录，重新npminstall，但还是未解决。 解决方案： 并不是依赖包的问题，而是代码的原因，在vue页面中，直接在<template>标签下引入其他代码，而不是在<div>下，错误代码如下： <template> <el-backtop target=".page-component__scroll .el-...
npm run serve 卡住
03-08
当 `npm run serve` 命令执行过程中卡在40%，通常是由以下几个原因引起的： - **模板结构问题**：如果 Vue 组件中的 `<template>` 部分存在多个根节点，可能会导致构建过程出现问题。Vue CLI 构建工具期望每个组件...
npm run serve卡住
08-12
npm run serve问我如何打开这个文件<span class="em">1</span><span class="em">2</span><span class="em">3 #### 引用[.reference_title] - *1* [npm run dev,npm run serve 运行到一半卡死]...
VScode中启动vue的终端命令npm run后面，为什么有时候是serve，有时候却是dev呢？
06-17
3. 如果 `npm run serve` 卡住或报错，可能是代码问题（如 `<template>` 标签外多余内容）。可以使用代码对比工具检查最近修改的文件[^4]。 #### 示例代码 以下是 `package.json` 中常见的 `scripts` 配置示例： ``...
npm run serve 运行卡住
Hero_rong的博客
06-22 9889
拉的同事的代码，然后运行，又不报错，但是也运行不出来，就是卡在 40% 的时候 然后网上各种姿势搜解决方案，删除 node_modules ,删除 package-lock.json 我都试了，然鹅没有用！！最后被逼无奈，我看起来同事的代码，发现，template 外层没有给 div ，就是 template 里面必须要加个 div 嵌套起来，然后果断加上，运行，问题解决 ！！ ...
Vue中执行npm run serve 时，执行到一半不动了
ganggun的博客
05-17 5919
Vue中执行npm run serve 时，执行到一半不动了。
npm run dev,npm run serve 运行到一半卡死
m0_50488756的博客
04-14 4551
Vue npm run dev,npm run serve 运行到一半卡死 有两个原因会造成这个结果： modules中缺少依赖，使用npm install 命令重新加载依赖 Vue规定每个template中必须有一个根div，如果有两个div并行，就会产生死循环，导致build卡死 ...
vue npm run serve 启动vue项目,起到51%一直不动了
阿毛的博客
09-02 2820
vue启动项目卡主不住
【vue】npm run serve命令启动不来服务一直卡着
huangzi14的博客
04-20 1004
别的不多说上图 一直卡着，但是没有报错。最后我在这个login.vue文件给引入的组件加了个div想试一试，结果解决了。搜了一下两组件不能并行
vue 中npm run serve 执行一半卡死；40%过不去
weixin_47553901的博客
07-15 953
vue 编译40%卡住 原因之一： template下只能有一个子元素！而我写了2个。
npm run serve卡着38%加载不下去
weixin_43716338的博客
03-30 969
如图，script标签多了一个setup导致。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值