运行全新的 VUE JS Hello.word 应用程序时出错

Question

我正在尝试运行我的第一个应用程序。 我从 CLI 创建了它：vue 创建你好世界 当我尝试使用 CLI 启动应用程序时：npm run serve应用程序运行。 当我尝试使用 CLI 启动应用程序时：npm run dev应用程序会返回以下错误。

PS C:UsersAdministratorhello-world> npm install -g npm@latest
C:UsersAdministratorAppDataRoamingnpmnpx -> C:UsersAdministratorAppDataRoamingnpmnode_modulesnpmbinnpx-cli.js
C:UsersAdministratorAppDataRoamingnpmnpm -> C:UsersAdministratorAppDataRoamingnpmnode_modulesnpmbinnpm-cli.js
+ npm@6.13.7
added 434 packages from 860 contributors in 14.601s
PS C:UsersAdministratorhello-world> npm run dev
npm ERR! missing script: dev
npm ERR! A complete log of this run can be found in:
npm ERR!     C:UsersAdministratorAppDataRoamingnpm-cache_logs2020-02-12T16_06_26_201Z-debug.log

这是我的包json：

{
"name": "hello-world",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^3.6.4",
"vue": "^2.6.11"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.2.0",
"@vue/cli-plugin-eslint": "^4.2.0",
"@vue/cli-service": "^4.2.0",
"babel-eslint": "^10.0.3",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.1.2",
"vue-template-compiler": "^2.6.11"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "babel-eslint"
},
"rules": {}
},
"browserslist": [
"> 1%",
"last 2 versions"
]
}
PS C:UsersAdministrator

我还尝试将新行放入我的包.json ："dev": "vue-cli-service dev"
但我收到此错误：

> vue-cli-service dev
ERROR  command "dev" does not exist.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! hello-world@0.1.0 dev: `vue-cli-service dev`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the hello-world@0.1.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     C:UsersAdministratorAppDataRoamingnpm-cache_logs2020-02-12T16_23_48_785Z-debug.log

Answer 1

npm run 命令执行已在 package.json 文件内的脚本部分定义的指令。

简而言之，在package.json文件的脚本部分定义的命令将在终端命令行上执行。

您可以在此部分中定义自定义脚本。您这样做了，当您键入：npm run dev时，在 package.json 文件的脚本部分定义的脚本按vue-cli-service dev执行。但是指令dev在 vue-cli-service 中不存在。 您正在寻找的命令可能是vue-cli-service serve，它将启动一个 webpack 开发服务器实例，它与npm run serve基本相同。