离子服务需要错误 @ionic/app-scripts 才能正常工作

Question

我已经克隆了我的旧项目并运行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.

Answer 1

要解决上述问题，请执行以下命令：

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

Answer 2

你的问题的标题本身就有答案。

尝试安装以下

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

Answer 3

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

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

Answer 4

删除您的 node_modules 文件夹

跑：

npm install

等到它完成。 现在你可以运行你的项目：

ionic serve -l

Answer 5

退出命令面板并重新打开。 那么它的作品。

Answer 6

跑：

npm update  

这将使一切正常。

Answer 7

除了@tnfaid 提到的删除 node_modules 和运行npm install之外，我还删除了package-lock.json文件只是为了确定。 还运行npm audit fix ，以解决任何漏洞。 这对我有用。

Answer 8

当我从 Ionic 3 升级到 4 时，这发生在我身上。问题是package.json和ionic.config.json都从 3 更改为 4。因此，当您执行复制粘贴操作时，您必须小心。

Ionic.config.json 类型应该是angular （以前是 "type": "ionic-angular"）

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

package.json 脚本现在遵循 angular 风格

你可能遇到过这样的事情

"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"
  },

Answer 9

在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"回来。

Answer 10

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

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

Answer 11

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

就我而言，我以不同的方式解决了它。 我必须更改权限然后更新

sudo chown -R thiagodias:thiagodias /Documents/ionic_workspace
:~/Documents/ionic_workspace/test$ sudo npm install @ionic/app-scripts@latest