javascript - 导入自定义模块时获取 'Cannot read property ' ɵmod' of undefined'

Question

我已经构建并发布了一个自定义组件库，保存在 Artifactory 中，以便安装到我的应用程序中？安装库后，加载应用程序时出现以下错误。就像什么都没有呈现一样，只有这个错误信息......

core.js:1139 Uncaught TypeError: Cannot read properties of undefined (reading 'ɵmod') at getNgModuleDef (core.js:1139) at recurse (core.js:25270) at recurse (core.js:25281) at registerNgModuleType (core.js:25266) at new NgModuleFactory$1 (core.js:25380) at compileNgModuleFactory__POST_R3__ (core.js:28993) at PlatformRef.bootstrapModule (core.js:29239) at Module.zUnb (main.ts:11) at webpack_require (bootstrap:79) at Object.0 (main.js:11)

我看到了 stackoverflow声明通过添加...“返回模块”，但我不知道需要将其添加到哪个文件。

{ path: 'auth', loadChildren: () => import('./auth/auth.module') .then((a) => { return a.AuthModule; }); },

而且我已经确认在构建库时打包了正确的文件夹，如本 stackoverflow 中所述

此外，这是我的导入声明，我认为它是错误的。但是如果我使用“@myOrg_amf/amf-library”，我会得到一个编译错误

import { AmfLibraryModule, MaterialModule } from '@myOrg_amf/amf-library/projects/amf-library/src/public-api';

感谢您对此提出任何建议。

Answer 1

我遇到了同样的错误，我尝试了提到的解决方案(我稍微简化了语法，但如果你在 then() block :

{ path: 'auth', loadChildren: () => import('./auth/auth.module').then((a) => a.AuthModule) },

对于那些不知道如何放置它的人，它应该放在 app.routing.module.ts 文件中，或者您设置路由的任何地方:

const routes: Routes = [
  ...
  { path: 'auth', loadChildren: () => import('./auth/auth.module').then((a) => a.AuthModule) },
  ...
];


@NgModule({
   imports: [RouterModule.forRoot(routes)],
   exports: [RouterModule]
})
export class AppRoutingModule { }

这样，只有当匹配的路由处于事件状态时，模块才会被加载。有关详细信息，请参阅 https://angular.io/guide/lazy-loading-ngmodules

无论如何，在我的情况下，我总是得到同样的错误，唯一的区别是现在它在我导航到该路线时出现，而不是在应用程序启动时显示，这意味着它在 angular 尝试加载模块时抛出。

我试图直接指向导入 url 中的模块(而不是此处显示的 public-api)，但这并没有解决问题。

可能我在我的图书馆做了一些奇怪的事情:/希望这至少对第一个疑问有所帮助

更新:我从 projects/my-project 文件夹(包含 src 等)调用 npm publish，而不是从 dist 调用/我的项目。现在错误消失了。