【问题标题】:I need to get Ionic and Vue to work together我需要让 Ionic 和 Vue 一起工作
【发布时间】:2021-08-11 20:08:47
【问题描述】:

尝试使用带有 Vue.JS 的 Ionic 框架创建和运行我的第一个应用程序,并在运行命令时使用 Vue 服务出现以下错误

c:\myApp>npm run serve

错误我得到如下

> ionic-app-base@0.1.0 serve
> vue-cli-service serve

npm ERR! code ENOENT
npm ERR! syscall spawn bash
npm ERR! path c:\myApp
npm ERR! errno -4058
npm ERR! enoent spawn bash ENOENT
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\mcbai\AppData\Local\npm-cache\_logs\2021-05-23T05_31_33_782Z-debug.log

日志文件如下:

0 verbose cli [
0 verbose cli   'C:\\Program Files (x86)\\nodejs\\node.exe',
0 verbose cli   'C:\\Users\\mcbai\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js',
0 verbose cli   'run',
0 verbose cli   'serve'
0 verbose cli ]
1 info using npm@7.14.0
2 info using node@v16.2.0
3 timing npm:load:whichnode Completed in 12ms
4 timing config:load:defaults Completed in 3ms
5 timing config:load:file:C:\Users\mcbai\AppData\Roaming\npm\node_modules\npm\npmrc Completed in 4ms
6 timing config:load:builtin Completed in 4ms
7 timing config:load:cli Completed in 2ms
8 timing config:load:env Completed in 1ms
9 timing config:load:file:c:\myApp\.npmrc Completed in 0ms
10 timing config:load:project Completed in 1ms
11 timing config:load:file:C:\Users\mcbai\.npmrc Completed in 2ms
12 timing config:load:user Completed in 2ms
13 timing config:load:file:C:\Users\mcbai\AppData\Roaming\npm\etc\npmrc Completed in 1ms
14 timing config:load:global Completed in 1ms
15 timing config:load:validate Completed in 1ms
16 timing config:load:credentials Completed in 2ms
17 timing config:load:setEnvs Completed in 2ms
18 timing config:load Completed in 20ms
19 timing npm:load:configload Completed in 20ms
20 timing npm:load:setTitle Completed in 7ms
21 timing npm:load:setupLog Completed in 3ms
22 timing npm:load:cleanupLog Completed in 4ms
23 timing npm:load:configScope Completed in 1ms
24 timing npm:load:projectScope Completed in 1ms
25 timing npm:load Completed in 51ms
26 timing config:load:flatten Completed in 5ms
27 timing command:run-script Completed in 120ms
28 verbose stack Error: spawn bash ENOENT
28 verbose stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:282:19)
28 verbose stack     at onErrorNT (node:internal/child_process:480:16)
28 verbose stack     at processTicksAndRejections (node:internal/process/task_queues:83:21)
29 verbose pkgid ionic-app-base@0.1.0
30 verbose cwd c:\myApp
31 verbose Windows_NT 10.0.19042
32 verbose argv "C:\\Program Files (x86)\\nodejs\\node.exe" "C:\\Users\\mcbai\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "run" "serve"
33 verbose node v16.2.0
34 verbose npm  v7.14.0
35 error code ENOENT
36 error syscall spawn bash
37 error path c:\myApp
38 error errno -4058
39 error enoent spawn bash ENOENT
40 error enoent This is related to npm not being able to find a file.
41 verbose exit -4058

当我检查提到的文件时,它们肯定在那些位置

Package.json 来自项目的文件

{
  "name": "ionic-app-base",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "test:unit": "vue-cli-service test:unit",
    "test:e2e": "vue-cli-service test:e2e",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@ionic/vue": "^5.4.0",
    "@ionic/vue-router": "^5.4.0",
    "core-js": "^3.6.5",
    "vue": "^3.0.0-0",
    "vue-router": "^4.0.0-0"
  },
  "devDependencies": {
    "@types/jest": "^24.0.19",
    "@typescript-eslint/eslint-plugin": "^2.33.0",
    "@typescript-eslint/parser": "^2.33.0",
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-e2e-cypress": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-typescript": "~4.5.0",
    "@vue/cli-plugin-unit-jest": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0-0",
    "@vue/eslint-config-typescript": "^5.0.2",
    "@vue/test-utils": "^2.0.0-0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^7.0.0-0",
    "typescript": "~3.9.3",
    "vue-jest": "^5.0.0-0"
  }
}

【问题讨论】:

  • 这是不完整的信息.. 首先,为什么使用 npm run serve.. 第二个是全局安装的 Ionic-CLI.. 还有更多.. 你能分享你的 package.json 文件详细信息吗
  • 我完全是一个 n00b 并通过 Ionic 帮助文档:
  • 刚刚用 package.json 编辑了原帖

标签: node.js vue.js ionic-framework npm


【解决方案1】:

在我看来,您正在使用错误的 Ionic 命令来创建/运行 Ionic 项目..

要在您的机器上本地安装 Ionic,请使用:

npm install -g @ionic/cli

要启动新应用,请使用 cmd 导航到要在其中创建应用的文件夹并运行

ionic start AppName

使用上述命令创建应用后,使用代码编辑器将其打开,然后使用以下 cmd 运行该应用。

ionic serve

没有像 npm run serve 这样的命令来启动或运行 Ionic 项目。我要求您将package.json 放在问题中以了解您的安装是否因任何丢失的软件包而失败,这些软件包被忽略但看起来不像您的项目已创建好的

【讨论】:

  • 在新的 SubprocessError (C:\Users\mcbai\AppData\Roaming\npm\node_modules\@ionic\cli\node_modules\@ionic\utils-subprocess\dist\index.js:41:23 ) 在 ChildProcess. (C:\Users\mcbai\AppData\Roaming\npm\node_modules\@ionic\cli\node_modules\@ionic\utils-subprocess\dist\index.js:130:27) 在 ChildProcess。在 ChildProcess.cp.emit (C:\Users\mcbai\AppData\Roaming\npm\node_modules\@ionic\cli\node_modules\cross-spawn\lib\enoent.js:34 发出 (node:events:365:28) :29) 在 Process.ChildProcess._handle.onexit (node:internal/child_process:301:5) 处可能关闭 (node:internal/child_process:1067:16)
  • 运行ionic Start myApp时出现上述错误
  • 确保您的 NodeJs 版本是 14.x 并且您安装了 npm 7,任何旧版本都会出现错误,并且不推荐使用带有奇数版本号的 nodejs..
  • NPM 7.14.0 ,节点 16.2.0
猜你喜欢
  • 1970-01-01
  • 2022-08-16
  • 1970-01-01
  • 2015-02-01
  • 2014-09-25
  • 2015-09-29
  • 1970-01-01
  • 1970-01-01
  • 2018-11-30
相关资源
最近更新 更多