升级到Ionic 5或Capacitor 5后，src/zone-flags.ts在TypeScript编译中丢失。

Question

我通过这两个命令升级了我的Ionic 4应用程序：

# Upgrading to Ionic 5
npm install @ionic/angular@latest @ionic/angular-toolkit@latest --save

# Upgrading to Angular 9
ng update @angular/core @angular/cli

当我执行ionic serve时，出现了以下错误：

> ng run app:serve --host=localhost --port=8100
[ng] chunk {} 0.js, 0.js.map () 22.1 kB  [rendered]
[ng] chunk {common} common.js, common.js.map (common) 25.7 kB  [rendered]
[ng] 
[ng] ERROR in ./src/zone-flags.ts
[ng] Module build failed (from ./node_modules/@ngtools/webpack/src/index.js):
[ng] Error: /Users/shashank/Projects/my-app/mobile-app/src/zone-flags.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property.
[ng]     at AngularCompilerPlugin.getCompiledFile (/Users/shashank/Projects/my-app/mobile-app/node_modules/@ngtools/webpack/src/angular_compiler_plugin.js:909:23)
[ng]     at plugin.done.then (/Users/shashank/Projects/my-app/mobile-app/node_modules/@ngtools/webpack/src/loader.js:41:31)
[ng]     at process._tickCallback (internal/process/next_tick.js:68:7)

- Shashank Agrawal

Answer 1

修复方法是更改mobile-app/src/polyfills.ts中的以下行：

原代码：

import './zone-flags.ts';

收件人：

import './zone-flags';

- Shashank Agrawal

---

谢谢@elnezah。虽然我自己也找不到答案（大约一个小时左右），但是看到错误后，我明白这与填充有关。因此，我创建了一个新的Angular和Ionic应用程序，并逐个比较文件并找到了区别。 - Shashank Agrawal