npm run serve卡住在百分之几

Question

今天在通过npm run serve运行vue-cli项目时卡住了。查了好久没有答案哭哭哭哭哭哭哭哭哭哭哭哭哭哭哭哭。

npm run build是可以的，只有npm run serve卡住在那里好久不动，而且每次停在的地方不一样（大多数情况是到这两个包的时候）。

作出了一下尝试无果：
1、使用cnpm run serve,失败
2、重启VS，失败
3、重新下载node_modules，失败
4、使用cnpm 重新下载node_modules，失败
5、重启电脑，失败
6、升级node.js，失败
7、使用window CMD窗口运行，失败

项目名称，没有中文，没有大写，没有除-以外的特殊字符。

救命啊！！！！！！！！！！！
放过我吧！！！！！！！！！！
我才20出头，为什么要这样折磨我！！！
我只想安安静静做个小奶狗！！！

估计没谁遇到这种问题吧？？
还有一个小细节，多次运行npm run serve之后，电脑变得异常卡顿，关掉VS就不卡了，这可能会是一个突破口？？
求有过类似经验的大神带出坑，跪谢！！~~

Answer 1

妈耶~还是因为代码出了问题啊啊啊~
这种没有任何提示的bug，真难受。
其实是在vue中使用了路由动画，用得不对

官方文档是这样写的，那在vue-cli中就是大概这样咯：

<template>
    <transition>
        <div></div>
    </transition>
</template>

然而，如果没有加transition的name属性，那就会编译卡死。
我………………………………………………
好吧，经验不足，学艺不精。见笑了，下次记得如果改了代码之后有任何的问题，先考虑代码是不是有问题，再搞其他有的没的。

Answer 2

我今天也遇到了这个问题，老是卡在40%左右不会动，搞了快3个小时，本来没事，但是添加了两个路由就出事了，就一直以为是子路由出问题了，因为我添加的是子路由，最后发现原来是子路由的组件出了问题，原因是我添加了两个路由，但是功能没来得及写，就简单放一个组件名来区分，连一个div都没放，问题就出在这，每个组件只要被引用都必须有一个根标签div，添加了一个div包住，问题解决了。

Answer 3

估计在 template　里缺少了结束的　div

Answer 4

笑死了我也是代码问题……
找了半天网上还说是内存溢出，我寻思不对啊我刚开始搭，而且也没做啥突然就run不起来了。
看了LZ的帖子突然想起自己好像有个script标签里忘记写东西了，把它一删就没事了……
这个加载到百分之几十的问题最狗的就是他会停在一个特殊的文件下，然后我以为是那个文件问题，去处理了发现会停在新的文件下，要不是lz发现了自己代码问题我估计也晕着_(:з」∠)_

Answer 5

换台好电脑试试

Answer 6

我也有这个问题，我在公司的电脑好好的，拿回来就不行了，总是卡在52%，项目是两个人一起做的，我都不知道是我的问题还是别外一个。可能是我家用的电脑是mac，老是出问题

Answer 7

我也是遇到了这个问题，求解决，哭哭

Answer 8

我不知道怎么就加了这么一句代码，然后一直卡在百分之N，看了你的思路才检查代码，忽略了忽略了

Answer 9

卧槽还真是，vscode自动给我加了一段引用在template里面。。。