npm run serve 在运行时卡在 40%答案

【问题标题】：npm run serve get stuck on 40% while runningnpm run serve 在运行时卡在 40%
【发布时间】：2019-12-06 18:33:01
【问题描述】：

具体来说，我在 Vue js 项目 Vuetify 上工作已经有几个星期了。我使用npm run serve 命令来构建和运行实时服务器。一切正常，但突然间我再次运行我的项目，boom 无法再构建它卡住了 40%，而没有抛出任何错误或错误。我想知道你们是否有类似我的问题，或者如果你知道如何解决这个问题。提前致谢。

我正在使用 npm 6.9.0 、 node v10.16.0 和 vue 3.9.2

package.json

{
  "name": "mycode",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "axios": "^0.19.0",
    "core-js": "^2.6.5",
    "fuse.js": "^3.4.5",
    "moment": "^2.24.0",
    "vue": "^2.6.10",
    "vue-axios": "^2.1.4",
    "vue-i18n": "^8.12.0",
    "vue-router": "^3.0.3",
    "vue-table-component": "^1.9.2",
    "vuelidate": "^0.7.4",
    "vuetify": "^1.5.5"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.9.0",
    "@vue/cli-plugin-eslint": "^3.9.0",
    "@vue/cli-service": "^3.9.3",
    "babel-eslint": "^10.0.1",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
    "live-server": "^1.2.1",
    "stylus": "^0.54.5",
    "stylus-loader": "^3.0.1",
    "typescript": "^3.5.3",
    "vue-cli-plugin-vuetify": "^0.5.0",
    "vue-template-compiler": "^2.6.10",
    "vuetify-loader": "^1.3.0"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions"
  ]
}

【问题讨论】：

你能提供你的package.json吗？
1 部分 { "name": "mycode", "version": "0.1.0", "private": true, "scripts": { "serve" : "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "axios": "^0.19. 0”、“core-js”：“^2.6.5”、“fuse.js”：“^3.4.5”、“moment”：“^2.24.0”、“vue”：“^2.6.10” ，“vue-axios”：“^2.1.4”，“vue-i18n”：“^8.12.0”，“vue-router”：“^3.0.3”，“vue-table-component”：“^ 1.9.2", "vuelidate": "^0.7.4", "vuetify": "^1.5.5" },
2 部分 , "devDependencies": { "@vue/cli-plugin-babel": "^3.9.0", "@vue/cli-plugin-eslint ": "^3.9.0", "@vue/cli-service": "^3.9.3", "babel-eslint": "^10.0.1", "eslint": "^5.16.0", " eslint-plugin-vue”：“^5.0.0”，“live-server”：“^1.2.1”，“stylus”：“^0.54.5”，“stylus-loader”：“^3.0.1” ，“打字稿”：“^3.5.3”，“vue-cli-plugin-vuetify”：“^0.5.0”，“vue-template-compiler”：“^2.6.10”，“vuetify-loader”： "^1.3.0" }, "eslintConfig": { "root": true, "env": { "node": true }
我将其复制到问题中。它只是等待同行评审
我刚刚复制了以下步骤，一切似乎都很好：用vue create test 设置一个新项目，用你的替换package.json 并运行npm install

标签： vue.js npm vuetify.js

【解决方案1】：

有时在编译过程中会出现某些错误。例如，假设我有一个包含以下模板的组件

<template>
  <imagingheader></imagingheader> 
  <router-view ></router-view>
</template>

现在这张图有什么问题？

模板中有两个基本元素。在编译过程中，这将阻止它继续前进，遗憾的是服务器没有开始显示此错误。将这两个元素移动到一个通用的 div 标签中可以解决问题，并将编译过程从 40% 移动到 100%。

【讨论】：

这实际上解决了我的问题。谢谢！！
这帮助我帮助了今天解决一个晦涩问题的学生。也感谢您，来自大流行前世界的乐于助人的陌生人。

【解决方案2】：

我刚刚在一个类似的问题上浪费了 30 分钟，发现我正在进行合并（由于 git pull）并且有冲突的文件：/

【讨论】：

【解决方案3】：

花点时间查看你的代码，看看你是否会得到一个缺少的结束标签。它可以是缺少的 , , ... 等。

留意数字暂停的第一个位置，并以此作为缩小您可能面临的问题的方法。

40% building 223/268 modules 45 active ...rders\List.vue?

【讨论】：