Can';t让Angular4处理延迟加载和动画(使用BrowserAnimationsModule)

Can';t让Angular4处理延迟加载和动画(使用BrowserAnimationsModule),angular,angular4,Angular,Angular4,无法使Angular4使用惰性加载和动画。 因此,我在我的app-modules.ts中加载了BrowserAnimationsModule,动画在主模块中工作正常,但在延迟加载的模块中工作不正常,所以我尝试加载 在我的共享模块中浏览animationsmodule,因为我收到以下错误: 未处理的承诺拒绝:已加载BrowserModule。 如果您需要访问通用指令 这是我的共享模块: var sharedComponents = [Tabs, Tab, Infobox, Sliderpanel,

无法使Angular4使用惰性加载和动画。 因此,我在我的app-modules.ts中加载了
BrowserAnimationsModule
,动画在主模块中工作正常,但在延迟加载的模块中工作不正常,所以我尝试加载
在我的共享模块中浏览animationsmodule
,因为我收到以下错误:
未处理的承诺拒绝:已加载BrowserModule。
如果您需要访问通用指令

这是我的共享模块:

var sharedComponents = [Tabs, Tab, Infobox, Sliderpanel, Slideritem, SlideritemContent, PanelSplitMain, PanelSplitSide, PanelSplitContainer, ListToArrayPipe, FormatSecondsPipe, MatchBodyHeight, ScreenTemplate, BlurForwarder, DraggableList, AddContent, Loading,
    FontSelector, BlockPropContainer, BlockPropCommon, BlockPropHtml, BlockPropClock, BlockPropWeather, BlockPropInstagram, BlockPropJsonPlayer, BlockPropJsonItem, LivePreview, LocationMap, MediaPlayer, FilterModelPipe, SvgIcon,
    BlockPropScene, BlockPropCalendar, BlockPropSheets, BlockPropTwitter, BlockPropVideo, BlockPropImage, BlockPropLabel, BlockPropMrss, BlockPropLocation, BlockPropRss, BlockPropDigg, BlockPropFasterQ, BlockPropCollection, BlockPropQR, BlockPropYouTube, JsonEventGrid];

@NgModule({
    imports: [CommonModule, FormsModule, HttpModule, JsonpModule, ReactiveFormsModule, ContextMenuModule, ChartModule, ReactiveFormsModule, ColorPickerModule, DropdownModule, RadioButtonModule, SimpleGridModule, Ng2Bs3ModalModule, AgmCoreModule, VgCoreModule, VgControlsModule, VgOverlayPlayModule, VgBufferingModule],
    exports: [CommonModule, FormsModule, HttpModule, JsonpModule, ReactiveFormsModule, ContextMenuModule, ChartModule, ColorPickerModule, DropdownModule, RadioButtonModule, SimpleGridModule, Ng2Bs3ModalModule, AgmCoreModule, VgCoreModule, VgControlsModule, VgOverlayPlayModule, VgBufferingModule, ...sharedComponents],
    entryComponents: [ScreenTemplate],
    declarations: [...sharedComponents]
})

export class SharedModule {
    static forRoot(): ModuleWithProviders {
        return {
            ngModule: SharedModule,
            providers: []
        };
    }
}
一旦我添加到
BrowserAnimationsModule
中,它就会出错

想法

谢谢


Sean

您似乎只能导入BrowserModule或BrowserAnimationsModule,并且它必须位于根应用程序模块中,如本期github中所述:

解决方案是仅在app.module上导入BrowserAnimationsModule


如果有人偶然发现同一个问题,就在这里发帖吧

那么你是说它在共享模块和主应用程序模块中?我真的不介意以任何方式设置它,只要它能工作,就尝试所有不同的组合,并且不尝试:/。。。无论是在main中还是在main+延迟加载模块中。@born2net您解决过这个问题吗?@born2net解决过吗?尝试将BrowserAnimationsModule的导入添加到app.module中。但是在这种情况下,如何在延迟加载的子模块中获得动画功能?这似乎对我不起作用:/