错误ionic服务正常运行需要@ ionic / app-scripts

时间:2018-06-28 11:22:19

标签: angular ionic-framework ionic2 ionic3

我克隆了我的旧项目并运行npm install,然后运行ionic serve

我发现了这个错误

[ERROR] @ionic/app-scripts is required for ionic serve to work properly.

Looks like @ionic/app-scripts isn't installed in this project.

This package is required for ionic serve in ionic/angular 4 projects.

11 个答案:

答案 0 :(得分:12)

enter image description here

要解决以下问题,请使用以下命令:

  • npm install --rebuild
  • npm install node-sass --rebuild
  • npm install @ ionic / app-scripts @ latest --save

答案 1 :(得分:7)

您的问题标题本身就是答案。

尝试安装以下

npm install @ionic/app-scripts@latest --save-dev

答案 2 :(得分:3)

  

删除您的node_modules文件夹

运行:

npm install

等待直到完成。现在,您可以使用以下命令运行项目:

ionic serve -l

答案 3 :(得分:3)

在更新到Ionic 4之后,我遇到了这个问题。我最终不得不降级。

https://github.com/ionic-team/ionic-cli/issues/3399

答案 4 :(得分:2)

退出命令面板,然后再次重新打开。然后它的作品。

答案 5 :(得分:0)

除了@tnfaid提到的那样删除node_modules并运行npm install之外,为了确定,我还删除了package-lock.json文件。还运行npm audit fix,以解决所有漏洞。这对我有用。

答案 6 :(得分:0)

运行:

npm update  

一切都会好起来的。

答案 7 :(得分:0)

当我从离子3升级到4时,这发生在我身上。问题是package.jsonionic.config.json都从3变为4。因此,当您执行复制粘贴操作时,您必须小心。

Ionic.config.json类型应为angular(以前是“ type”:“ ionic-angular”)

{
  "name": "myProjectName",
  "integrations": {
    "cordova": {}
  },
  "type": "angular"
}

package.json脚本现在遵循角度样式

您可能有这样的事情

"scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint --bailOnLintError true",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve",
    "ionic:watch:before": "node ./bin/pre-build.js",
    "ionic:build:before": "node ./bin/pre-build.js"
},

现在应该在Ionic 4中将其更改为标准角度:

  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

答案 8 :(得分:0)

package.json

"scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  }

删除“ "ionic:serve": "ionic-app-scripts serve"”, 保存并执行ionic serve。 现在应该可以工作了。 之后,您可以再添加"ionic:serve": "ionic-app-scripts serve"

答案 9 :(得分:0)

尝试通过运行以下命令进行安装:

npm i -D -E @ionic/app-scripts

答案 10 :(得分:0)

经过研究,我发现这是一个权限问题。

就我而言,我以另一种方式解决了它。我必须先更改权限,然后再更新

[...this.dailyEntries.values()]