Angular Lazy-Load模块:“重复”组件

时间:2018-04-05 11:29:57

标签: angular

我们正在开发一个“大”应用程序,其中包含一个带有菜单的主模块,其余部分是从路径中加载的。我们的方法是只在父模块中放入最基本的东西,并在子模块级别声明组件。

但是当你用这种方法遍历不同的模块时会发生一些事情:

enter image description here

我试图在父模块中声明组件。这里有两个pastebins,一个是我们当前的3个模块(父+ 2孩子)处于旧状态,另一个是更改后的。由于我不太确定这个改变是否已经正确执行,如果对NgModule有深刻理解的人可以查看它会很好!

旧版本:VRJ8K6v9

新版本:yuynRqia

(只需键入pastebin的地址并使用该标识符; stackoverflow不会让我直接引用它们,因为一些奇怪的原因。)

所以,对于新版本,正如你猜测的那样,某些东西效果不佳。基本上,当加载任何将我们带到任何两个子模块的路由时,我会收到以下错误:

enter image description here

有谁知道我做错了什么?在将声明移动到父组件时,我是否遗漏了某些内容?谢谢!

编辑:

在尝试使用组件创建共享模块的解决方案后,我现在更加困惑。它根本不起作用。这就是我所做的:

  

我从两个子模块中删除了所有组件声明到新模块   之后,在新的共享模块中声明所有这些。   还在这个模块中导入了CommonModule和BrowserModule(尝试没有后者,但没有任何影响)。

似乎没有任何效果,因为我收到了无意义的错误:

enter image description here

我真的需要一些帮助。

0 个答案:

没有答案