Ionic framework 从Ionic 2.2.0升级到3.0.1打破一切。奇怪的错误

因此，我按照这里的说明：

升级并确保使用最新的CLI beta版后，当我键入Ionic serve时，出现以下错误：

Runtime Error
Cannot find module "../../node_modules/@angular/core/src/metadata/di"
Stack
Error: Cannot find module "../../node_modules/@angular/core/src/metadata/di"
    at g (http://localhost:8100/build/polyfills.js:3:7133)
    at Object.<anonymous> (http://localhost:8100/build/main.js:91192:7)
    at __webpack_require__ (http://localhost:8100/build/main.js:20:30)
    at Object.<anonymous> (http://localhost:8100/build/main.js:90791:73)
    at __webpack_require__ (http://localhost:8100/build/main.js:20:30)
    at Object.<anonymous> (http://localhost:8100/build/main.js:161802:70)
    at __webpack_require__ (http://localhost:8100/build/main.js:20:30)
    at Object.defineProperty.value (http://localhost:8100/build/main.js:66:18)
    at http://localhost:8100/build/main.js:69:10
Ionic Framework: 3.0.1
Ionic App Scripts: 1.3.4
Angular Core: 4.0.0
Angular Compiler CLI: 4.0.0
Node: 7.5.0
OS Platform: macOS Sierra
Navigator Platform: MacIntel
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.133 Safari/537.36

I暂停AngularFire b/c导致的错误，在运行npm安装时，它有此警告：

npm WARN angularfire2@2.0.0-beta.8 requires a peer of @angular/common@^2.0.0 but none was installed.
npm WARN angularfire2@2.0.0-beta.8 requires a peer of @angular/compiler@^2.0.0 but none was installed.
npm WARN angularfire2@2.0.0-beta.8 requires a peer of @angular/core@^2.0.0 but none was installed.
npm WARN angularfire2@2.0.0-beta.8 requires a peer of @angular/platform-browser@^2.0.0 but none was installed.
npm WARN angularfire2@2.0.0-beta.8 requires a peer of @angular/platform-browser-dynamic@^2.0.0 but none was installed.

---

但我不知道什么是继续引用di文件，它不在Angular 4中！！请帮忙

我认为问题在于您的

离子图像加载程序

包，该包当前位于

1.7.2

中。 根据，中的当前版本为

3.1.1

它在中升级为使用

ionic native

3版。请尝试升级此软件包

包

ng2验证

也移动到角度4英寸

---

您可能必须根据更改日志重构应用程序。

我认为问题在于您的

离子图像加载程序

包，该包当前位于

1.7.2

中。 根据，中的当前版本为

3.1.1

它在中升级为使用

ionic native

3版。请尝试升级此软件包

包

ng2验证

也移动到角度4英寸

---

您可能必须根据更改日志重构应用程序。

经过通宵调试，我发现了问题。问题的原因如下：IDE自动导入语句。我使用Webstorm，它会自动为我导入所有内容。由于它们崩溃并隐藏了大项目的重要性，我忽略了这个问题。因此，如果您有类似的导入问题（它可以是任何东西，而不仅仅是metadata/di，它也发生在my@angular/form/…上），请对问题语句进行完整的项目搜索。对我来说，这是一行：

import {ViewChild} from "../../node_modules/@angular/core/src/metadata/di"

在我把它改成

import {ViewChild} from "@angular/core"

---

错误消失了。希望这能帮助其他人将他们的项目从Angular 2.x迁移到Angular 4.x

经过通宵调试，我发现了问题。问题的原因如下：IDE自动导入语句。我使用Webstorm，它会自动为我导入所有内容。由于它们崩溃并隐藏了大项目的重要性，我忽略了这个问题。因此，如果您有类似的导入问题（它可以是任何东西，而不仅仅是metadata/di，它也发生在my@angular/form/…上），请对问题语句进行完整的项目搜索。对我来说，这是一行：

import {ViewChild} from "../../node_modules/@angular/core/src/metadata/di"

在我把它改成

import {ViewChild} from "@angular/core"

---

错误消失了。希望这能帮助其他人将他们的项目从Angular 2.x迁移到Angular 4.x

您是否尝试删除

node\u modules

文件夹？是。我删除了整个node_modules文件夹。这没有帮助。是否尝试删除

节点\u模块

文件夹？是。我删除了整个node_modules文件夹。这没用，谢谢你！我确实确保所有的包裹都是最新的。只有AngularFire与Angular4.0不兼容。但是ppl正在使用AngularFire beta 8，没有问题。谢谢！我确实确保所有的包裹都是最新的。只有AngularFire与Angular4.0不兼容。但是ppl使用AngularFire beta 8没有问题。