找不到“Fy”的 NgModule 元数据，Angular 6答案

【问题标题】：No NgModule metadata found for 'Fy', Angular 6找不到“Fy”的 NgModule 元数据，Angular 6
【发布时间】：2019-01-18 12:23:31
【问题描述】：

这个问题类似于

No NgModule metadata found for 'AppModule'" after Upgrade to Angular 5.1.0 and AngularCli 1.6.0

或者，许多其他“没有为 'AppModule' 找到 NgModule 元数据”问题。

但是，似乎更具体。当我发布到 Web 服务器时，我只会收到以下错误。该程序在发布到我的本地计算机和在开发模式下构建时运行良好。

它报告没有找到“AppModule”的元数据，而不是“Cm”或“Fy”的元数据。

其他人说这可能是 Webpack 的问题，但我找不到任何解决方案。我已经尝试更新我的 npm 包，将它们全部删除，清除缓存并重新安装。



    GET https://dev.celinainsurance.com/styles.52c5d139a2a0d528a6bd.css 404 ()
    3 GET https://dev.celinainsurance.com/polyfills.16c7192dd87d7bd6ba49.js 404 ()
    main.d7aa191a672411cff0f3.js:1 Uncaught Error: No NgModule metadata found for 'Fy'.
        at e.resolve (main.d7aa191a672411cff0f3.js:1)
        at e.getNgModuleMetadata (main.d7aa191a672411cff0f3.js:1)
        at e._loadModules (main.d7aa191a672411cff0f3.js:1)
        at e._compileModuleAndComponents (main.d7aa191a672411cff0f3.js:1)
        at e.compileModuleAsync (main.d7aa191a672411cff0f3.js:1)
        at e.compileModuleAsync (main.d7aa191a672411cff0f3.js:1)
        at e.bootstrapModule (main.d7aa191a672411cff0f3.js:1)
        at Object.zUnb (main.d7aa191a672411cff0f3.js:1)
        at p (runtime.a66f828dca56eeb90e02.js:1)
        at Object.4 (main.d7aa191a672411cff0f3.js:1)
    e.resolve @ main.d7aa191a672411cff0f3.js:1
    e.getNgModuleMetadata @ main.d7aa191a672411cff0f3.js:1
    e._loadModules @ main.d7aa191a672411cff0f3.js:1
    e._compileModuleAndComponents @ main.d7aa191a672411cff0f3.js:1
    e.compileModuleAsync @ main.d7aa191a672411cff0f3.js:1
    e.compileModuleAsync @ main.d7aa191a672411cff0f3.js:1
    e.bootstrapModule @ main.d7aa191a672411cff0f3.js:1
    zUnb @ main.d7aa191a672411cff0f3.js:1
    p @ runtime.a66f828dca56eeb90e02.js:1
    4 @ main.d7aa191a672411cff0f3.js:1
    p @ runtime.a66f828dca56eeb90e02.js:1
    n @ runtime.a66f828dca56eeb90e02.js:1
    e @ runtime.a66f828dca56eeb90e02.js:1
    (anonymous) @ main.d7aa191a672411cff0f3.js:1

任何帮助将不胜感激。如果您需要查看更多代码，请告诉我。谢谢！

【问题讨论】：

您是否阅读并关注these guidelines 进行部署？
我通读了这篇文章。谢谢（你的）信息！我重建了这个项目，做了一些不同的事情，现在它可以工作了。不确定是什么更改修复了它。稍后我会调查它，并希望发布答案，让每个人都可以看到它！

标签： node.js angular webpack

【解决方案1】：

我相信我发现了我的错误。我决定创建一个新的 Angular 项目，并在添加 npm 包时重复发布它，以查看何时会发生错误。当我查找有关如何将我的新项目从 angular 5 迁移到 6 的教程时，我按照此处的步骤操作： http://www.talkingdotnet.com/upgrade-angular-5-app-angular-6-visual-studio-2017/

当我将旧项目与正在运行的新项目进行比较时，我注意到两个主要区别。一个是当我将旧项目迁移到 Angular 6 时，我错过了这一步：

“完成此操作后，删除 rxjs-compat。此包是向后兼容 6 版之前的 RxJS 所必需的。但是，现在不再需要它，所以让我们使用以下命令将其删除：“

npm uninstall rxjs-compat

-- TalkingDotNet

我认为这是导致错误的主要原因。我发现的另一个主要区别是一段不必要的代码，它可能不会导致问题，但我还是要提一下以防万一。

我不小心在我的 main.ts 文件中复制了这行代码。

platformBrowserDynamic().bootstrapModule(AppModule)

platformBrowserDynamic(providers).bootstrapModule(AppModule)
  .catch(err => console.log(err));

代码行看起来略有不同，所以我没有注意到重复。

【讨论】：