vue.js - 在 Visual Studio 2019 中运行 vue.js Web 应用程序时生成错误

问题描述

我在 Visual Studio 2019 中创建了一个“基本 Vue.js Web 应用程序”，一旦我尝试在 Chrome 上运行该 Web 应用程序（根本没有在解决方案中添加或更改任何内容），它就会通知我它是“构建的”有错误”。显示的错误是：The Command " npm run build " exited with code 1.从文件Microsoft.Common.CurrentVersion.targets中，如下图所示：

日志文件：

0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli   'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   'run',
1 verbose cli   'build'
1 verbose cli ]
2 info using npm@6.14.5
3 info using node@v12.18.2
4 verbose run-script [ 'prebuild', 'build', 'postbuild' ]
5 info lifecycle vuejs-app2@0.1.0~prebuild: vuejs-app2@0.1.0
6 info lifecycle vuejs-app2@0.1.0~build: vuejs-app2@0.1.0
7 verbose lifecycle vuejs-app2@0.1.0~build: unsafe-perm in lifecycle true
8 verbose lifecycle vuejs-app2@0.1.0~build: PATH: C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\Users\Bryan2\source\repos\VuejsApp2\node_modules\.bin;C:\Program Files (x86)\Common Files\Intel\Shared Libraries\redist\intel64\compiler;C:\windows\system32;C:\windows;C:\windows\System32\Wbem;C:\windows\System32\WindowsPowerShell\v1.0\;C:\windows\System32\OpenSSH\;C:\Program Files\Microsoft VS Code\bin;C:\Program Files\Microsoft SQL Server\Client SDK\ODBC\170\Tools\Binn\;C:\Program Files (x86)\Microsoft SQL Server\150\Tools\Binn\;C:\Program Files\Microsoft SQL Server\150\Tools\Binn\;C:\Program Files\Microsoft SQL Server\150\DTS\Binn\;C:\Program Files\dotnet\;C:\Program Files\Microsoft SQL Server\130\Tools\Binn\;C:\Program Files (x86)\Microsoft SQL Server\150\DTS\Binn\;C:\Program Files\nodejs\;C:\Users\Bryan2\AppData\Local\Microsoft\WindowsApps;C:\Users\Bryan2\.dotnet\tools;C:\Users\Bryan2\AppData\Roaming\npm
9 verbose lifecycle vuejs-app2@0.1.0~build: CWD: C:\Users\Bryan2\source\repos\VuejsApp2
10 silly lifecycle vuejs-app2@0.1.0~build: Args: [ '/d /s /c', 'vue-cli-service build' ]
11 silly lifecycle vuejs-app2@0.1.0~build: Returned: code: 1  signal: null
12 info lifecycle vuejs-app2@0.1.0~build: Failed to exec build script
13 verbose stack Error: vuejs-app2@0.1.0 build: `vue-cli-service build`
13 verbose stack Exit status 1
13 verbose stack     at EventEmitter.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16)
13 verbose stack     at EventEmitter.emit (events.js:315:20)
13 verbose stack     at ChildProcess.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack     at ChildProcess.emit (events.js:315:20)
13 verbose stack     at maybeClose (internal/child_process.js:1021:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:286:5)
14 verbose pkgid vuejs-app2@0.1.0
15 verbose cwd C:\Users\Bryan2\source\repos\VuejsApp2
16 verbose Windows_NT 10.0.18362
17 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "build"
18 verbose node v12.18.2
19 verbose npm  v6.14.5
20 error code ELIFECYCLE
21 error errno 1
22 error vuejs-app2@0.1.0 build: `vue-cli-service build`
22 error Exit status 1
23 error Failed at the vuejs-app2@0.1.0 build script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

我之前在另一台机器上的 Visual Studio 2017 中使用 ASP.NET Core 作为后端，使用可视化代码作为前端构建了一个 vue.js Web 应用程序，我正在尝试在我的计算机上了解 Visual Studio 2019 及其更新的诀窍新机器。我能做些什么来解决这个问题？

编辑

这是package.json所要求的：

{
  "name": "test1-vue",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "description": "Test1Vue",
  "author": {
    "name": ""
  },
  "dependencies": {
    "axios": "0.19.2",
    "chart.js": "2.9.3",
    "core-js": "3.6.5",
    "file-saver": "2.0.2",
    "html2canvas": "1.0.0-rc.5",
    "jspdf": "1.4.1",
    "jspdf-autotable": "3.5.6",
    "vue": "2.5.17",
    "vue-chartjs": "3.5.0",
    "vue-router": "3.3.4",
    "vuetify": "2.3.4",
    "vuex": "3.5.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "3.0.4",
    "@vue/cli-plugin-eslint": "3.0.4",
    "@vue/cli-plugin-vuex": "4.4.6",
    "@vue/cli-service": "3.0.4",
    "eslint": "5.6.0",
    "eslint-plugin-vue": "4.7.1",
    "sass": "1.26.10",
    "sass-loader": "9.0.2",
    "vue-cli-plugin-vuetify": "2.0.7",
    "vue-template-compiler": "2.5.17",
    "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",
    "not ie <= 8"
  ]
}

标签： vue.jsvisual-studio-2019