"'vue-cli-service@latest' est absent du registre Windows npm mais fonctionne correctement dans WSL"

Question

J'ai une application Vue que j'essaie d'exécuter en utilisant npm run start, mais lorsque j'exécute la commande depuis le terminal PowerShell ou VS Code, j'obtiens l'erreur suivante :

> economyapp@0.1.0 start C:_codemyapp
> npx vue-cli-service serve

npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/vue-cli-service - Not found
npm ERR! 404
npm ERR! 404  'vue-cli-service@latest' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:UsersUserAppDataRoamingnpm-cache_logs2020-11-28T17_22_02_307Z-debug.log
Install for [ 'vue-cli-service@latest' ] failed with code 1
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! economyapp@0.1.0 start: `npx vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the economyapp@0.1.0 start 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:UsersUserAppDataRoamingnpm-cache_logs2020-11-28T17_22_02_401Z-debug.log

Lorsque j'exécute la commande npm run start命令时，它可以正常工作，但是当我对代码进行更改时，服务器不会热重载。我尝试过卸载和重新安装Vue CLI，并运行npm install depuis WSL, cela fonctionne bien, mais lorsque j'apporte des modifications au code, le serveur ne recharge pas à chaud. J'ai essayé de désinstaller et de réinstaller Vue CLI et d'exécuter npm install.

Voici mon fichier package.json :

{
  "name": "myapp",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "start": "npx vue-cli-service serve",
    "build": "npx vue-cli-service build",
    "test": "npx vue-cli-service test:unit",
    "lint": "npx vue-cli-service lint",
    "serve": "npx vue-cli-service serve"
  },
  "dependencies": {
    "axios": "^0.21.0",
    "core-js": "^3.4.3",
    "lodash": "^4.17.15",
    "moment": "^2.24.0",
    "register-service-worker": "^1.6.2",
    "store2": "^2.11.1",
    "vue": "^3.0.0",
    "vue-router": "^3.1.3",
    "vuex": "^3.1.2"
  },
  "devDependencies": {
    "@types/jest": "^24.0.19",
    "@typescript-eslint/eslint-plugin": "^2.28.0",
    "@typescript-eslint/parser": "^2.28.0",
    "@vue/cli-plugin-babel": "^4.1.0",
    "@vue/cli-plugin-eslint": "^4.1.0",
    "@vue/cli-plugin-pwa": "^4.1.0",
    "@vue/cli-plugin-router": "^4.1.0",
    "@vue/cli-plugin-typescript": "^4.3.1",
    "@vue/cli-plugin-vuex": "^4.1.0",
    "@vue/cli-service": "^4.2.3",
    "@vue/devtools": "^5.3.3",
    "@vue/eslint-config-prettier": "^5.0.0",
    "@vue/eslint-config-typescript": "^5.0.2",
    "@vue/test-utils": "1.0.0-beta.29",
    "eslint": "^6.0.0",
    "eslint-plugin-prettier": "^3.1.1",
    "eslint-plugin-vue": "^6.0.0",
    "lint-staged": "^9.4.3",
    "prettier": "^1.19.1",
    "typescript": "^3.8.3",
    "vue-template-compiler": "^2.6.10"
  },
  "gitHooks": {
    "pre-commit": "lint-staged"
  },
  "lint-staged": {
    "*.{js,vue,ts}": [
      "vue-cli-service lint",
      "git add"
    ]
  }
}

Answer 1

TL;DR : Courez npm install.

vue-cli-service由@vue/cli-service在你的devDependencies中提供。因为你在npx命令中没有指定包，所以如果它必须在注册表中查找，它会失败。没有npx，你的npm脚本将在node_modules/.bin中查找vue-cli-service。你可以从npm脚本中移除npx, vous devriez obtenir le même résultat que maintenant.

Le fait que npx ne trouve pas vue-cli-service indique que vous n'exécutez pas encore npx找不到vue-cli-service这个事实表明你还没有运行npm install。运行它，你的npm脚本应该可以正常工作。如果不运行npm install. Exécutez-le et votre script npm devrait fonctionner correctement. Si vous n'exécutez pas

, vous rencontrerez certainement d'autres problèmes une fois que vous aurez résolu ce problème.

npm脚本在不运行npm install的情况下工作，你可以告诉npx在注册表中找到二进制文件的位置。将npm脚本中的npx vue-cli-service改为npx -p @vue/cli-service vue-cli-service，这样应该可以解决这个问题。但你肯定会遇到其他问题。无论如何，你都应该运行npm installSi pour une raison quelconque vous souhaitez que le script npm fonctionne sans s'exécuter

, vous pouvez demander à npx de trouver l'emplacement du binaire dans le registre. Remplacez le npx vue-cli-service dans le script npm par npx -p @vue/cli-service vue-cli-service, comme ceci Cela devrait résoudre le problème. Mais vous rencontrerez forcément d’autres problèmes. Quoi qu'il en soit, vous devriez courir

. @vue/cli-service，只有WSL在你的PATH

Mais pour vraiment aller à la racine du problème, vous devez comprendre pourquoi il existe une différence entre les environnements WSL et non-WSL. Je suppose que vous l'avez trouvé installé dans un emplacement mondial 🎜, mais ce n'est qu'une supposition. 🎜