错误 @ionic/app-scripts 是 ionic serve 正常工作所必需的答案

【问题标题】：ERROR @ionic/app-scripts is required for ionic serve to work properly错误 @ionic/app-scripts 是 ionic serve 正常工作所必需的
【发布时间】：2018-06-28 11:22:18
【问题描述】：

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

【问题讨论】：

到目前为止你尝试过什么？我用google做了一些研究，直接找到了一些方法
stackoverflow.com/questions/41566420/…给出的解决方案怎么样？
为什么你没有选择答案？

标签： angular ionic-framework ionic2 ionic3

【解决方案1】：

使用以下命令解决上述问题：

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

【讨论】：

嗨@Garry - 据我了解，某些版本与当前的应用程序脚本文件不匹配，因此我们首先重建npm，然后重建node-sass，因为它安装或修改当前的 package.json 文件，在最后一步我们安装最新的 app-script 文件
@Pierre.Vriens 抱歉，但解决方案比专注于其他事情更重要
应该是 --save-dev 以使 app-scripts 不包含在生产包中

【解决方案2】：

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

尝试安装以下

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

删除你的 node_modules 文件夹

运行：

npm install

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

ionic serve -l

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

运行：

npm update

一切都会好起来的。

【讨论】：

【解决方案7】：

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

【讨论】：

那你为什么不赞成@tnfaid 的回答呢？可以在帮助某人方面大有帮助

【解决方案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"
  },

【讨论】：

【解决方案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"回来。

【讨论】：

【解决方案10】：

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

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

【讨论】：

【解决方案11】：

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

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

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

【讨论】：

Ionic.config.json 类型应该是angular（以前是“type”：“ionic-angular”）

package.json 脚本现在遵循 angular 样式

Ionic.config.json 类型应该是`angular`（以前是“type”：“ionic-angular”）