vue 中npm run serve 执行一半卡死；40%过不去 [转载]

最新推荐文章于 2024-04-30 12:40:52 发布

转载最新推荐文章于 2024-04-30 12:40:52 发布 · 2.6k 阅读

3 ·

CC 4.0 BY-SA版权

原文链接：http://www.sanshu.cn/a/72746.html

文章标签：

#npm #html #node.js

本文讲述了在开发过程中遇到模块依赖缺失的问题，通过重新安装依赖和代码检查发现代码错误——template子元素冗余。解决后，npm run serve命令恢复正常。

原因：modules缺少相关依赖
解决办法：重新下载依赖，npm会下载缺失的依赖项。
执行 npm install 命令

自己找找代码，是代码原因：
template下只能有一个子元素！而我写了2个。
在这里插入图片描述

修改删除后，重新执行 npm run serve
恢复正常了。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

梁栋沉

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

前端执行npm run serve，执行到一半卡住的解决办法（全）

码农研究僧的博客

03-20

4015

前端执行npm run serve，执行到一半卡住的解决办法

vuepress开发npm run dev时正常，打包npm run build时报错

github

02-05

4130

场景：我按照vuepress文档搭建了自己的博客 npm run dev 开发的时候正常，但是要部署时 npm run build 打包发生了报错问题描述： Error: Cannot find module ‘F:\3.Project\1.VS Code project\5.vuepress-blog\vuepress-blog\dist\manifest\client.json’ 具体的报错信息如下 Error: Cannot find module 'F:\3.Project\1.VS Cod

参与评论您还未登录，请先登录后发表或查看评论

vue 中npm run serve 执行一半卡死；40%过不去

weixin_47553901的博客

07-15

956

vue 编译40%卡住原因之一： template下只能有一个子元素！而我写了2个。

Vue中执行npm run serve 时，执行到一半不动了

ganggun的博客

05-17

5923

Vue中执行npm run serve 时，执行到一半不动了。

npm run serve 运行卡在40%

weixin_43859511的博客

08-19

983

原因：ESLint: The template root requires exactly one element.(vue/valid-template-root) 因为我使用的是webstorm工具，所以提示了这个，但是由于我看到了eslint，我起初还以为是这个工具原因。直到后来找到解决办法在发现我是个傻的。解决办法：加个div标签 ...

vscode启动vue项目卡到40%的问题

weixin_42157001的博客

02-26

5250

今天在写项目的时候用到了setInterval定时器，然后<template>中莫名其妙插入一条import语句，由于当时并没有发现，当重新启动项目的时候就出现了以下的问题：加载进度一直停在了40%，开始以为定时器没有及时清除导致加载卡住，就把使用定时器的代码注释了，然后重启编辑器并没有什么卵用...... 重启了电脑、重启了路由器，然鹅都没有用...... 最后在stackoverflow上找到了问题所在，太感谢了！（大家在使用百度没有找到解决办法，不妨去stackoverfl

57 npm run build 和 npm run serve 的差异

970655147的专栏

04-02

2108

这时候可以通过 devServer 下面的 devMiddleware 的配置进行配置, 增加了一个 writeToDisk 的选项, 这样的话 devServer 这边会将编译的结果, 也写出到内存文件系统, 然后也会写一份数据到磁盘, 服务本身的使用还是使用内存文件系统的数据。这个问题我找了很久, 最后终于找到了。这里主要是从 vue-cli 的流程来看一下我们经常用到的这两个命令, 他到传递给 webpack 打包的时候, 的一个具体的差异, 大致是配置了那些东西?

PS D:\workspaces_vscode\147_mall> npm run serve > pro147_mall@0.1.0 serve > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

最新发布

04-03

好的，用户遇到了运行 `npm run serve` 时出现 `'vue-cli-service' 不是内部或外部命令` 的问题，我需要帮他们解决。首先，我得回忆一下这个错误的常见原因。通常，这种情况是因为项目依赖没有正确安装，导致vue-cli...

【Vue】高级系列（二）配置Vue脚手架-npm方法-vscode配置-vue.config.js-项目打包与发布-ESlint使用

YK菌的博客

01-30

2887

学习使用vue-cli Vue官方提供的脚手架工具

vue尚品汇电商项目

wtt123_的博客

10-07

470

vue

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

m0_61672533的博客

08-04

1839

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

npm run serve 卡住解决方案

菜鸟阿都

08-13

9749

问题描述：在本地开发vue前端时，使用npmrunserve运行vue项目，却运行到40%左右不动。删除node_modules依赖包目录，重新npminstall，但还是未解决。解决方案：并不是依赖包的问题，而是代码的原因，在vue页面中，直接在<template>标签下引入其他代码，而不是在<div>下，错误代码如下： <template> <el-backtop target=".page-component__scroll .el-...

npm run server 运行卡住运行不起来

m0_73661580的博客

04-30

817

【代码】npm run server 运行卡住运行不起来。

npm run serve 卡在40%

qq_29864549的博客

05-07

640

如图，在运行时，一直在40卡住，网上的办法有删除一些文件的也都不行，然后发现在template标签中没有div容器加上之后就能果断运行

idea启动vue项目一直卡死在40%

weixin_41968524的博客

11-05

2592

idea启动vue项目一直卡死在40% 是因为你在某个组件的template标签中没有一个总的root元素包裹，是多个并级元素共存所导致的

npm run serve运行程序到40%不动了

weixin_48912846的博客

04-01

2326

npm 运行程序一直卡在40%不动，一开始以为是网络的问题，不断地找解决方案。发现把网线，关闭vscode都不行。后来我发现原来是因为template下面需要有一个div根节点，有一个文件两个div并行了，所以程序陷入了死循环。 ...

npm run dev,npm run serve 运行到一半卡死

m0_50488756的博客

04-14

4566

Vue npm run dev,npm run serve 运行到一半卡死有两个原因会造成这个结果： modules中缺少依赖，使用npm install 命令重新加载依赖 Vue规定每个template中必须有一个根div，如果有两个div并行，就会产生死循环，导致build卡死 ...

npm run serve 运行卡住

Hero_rong的博客

06-22

9893

拉的同事的代码，然后运行，又不报错，但是也运行不出来，就是卡在 40% 的时候然后网上各种姿势搜解决方案，删除 node_modules ,删除 package-lock.json 我都试了，然鹅没有用！！最后被逼无奈，我看起来同事的代码，发现，template 外层没有给 div ，就是 template 里面必须要加个 div 嵌套起来，然后果断加上，运行，问题解决！！ ...

npm run serve 一直卡在40%

会写bug的小邓程序员的博客

07-03

573

用图形化界面运行也是一直在building不报错误。出现错误原因：template写了多个根元素 template里面只能有一个根元素 template里面只能有一个根元素 template里面只能有一个根元素