如何修复以下错误：数据路径“/polyfills”必须是我的角度项目中的字符串？

Question

我正在使用 NodeJS 版本 18。我正在尝试将我的 Angular 应用程序部署到 Firebase 和/或在本地成功运行它，但我无法这样做。[package.json 和源代码的链接] -> https://github.com/ans humankmr /jovian-genai-hackathon/blob/master/UI/package.json

我尝试了很多东西，但我无法弄清楚。例如，在我的 angular.json 文件中，我尝试了以下操作：

和这个

。

然后我尝试运行“npm run build”，但出现以下错误。

错误：找不到模块：错误：无法解析“/home/ans human/Documents/repos/jovian-genai-hackathon”中的“/home/ans human/Documents/repos/jovian-genai-hackathon/UI/zone.js” /用户界面'

我已经看到了这些链接，但他们要求修改此处名为 polyfills.ts 的文件，该文件在我的代码库中不存在。 Angular2 最终版本 - “错误：Angular 需要 Zone.js prolyfill”

Answer 1

我克隆了该存储库并进行了一些更改以使其正常工作。

在tsconfig.app.json添加行

“src/polyfills.ts”

在数组中files。

在angular.json文件中，将polyfills数组转换为字符串：

“polyfills”：“src/polyfills.ts”

polyfills.ts然后创建一个以内容命名的文件：

导入“zone.js”

在文件夹中src。

您现在可以提供该应用程序。

Angular14 似乎不支持新模式，但我还没有找到任何关于它的文章。如果您想从所有新内容中受益，我建议您将项目更新到最新的 LTS（在回答此问题时，版本为 15）。

编辑：

我的测试是使用 NodeJS 版本 18.16.0 和 NPM 9.6.7 完成的