我正在尝试将延迟加载到我的Angular 8应用程序中,但是当我使用官方文档中提供的语法时,我的模块就会急切地加载。
当我使用角度8随附的语法时:
const routes: Routes = [{
path: 'lazy',
// The new import() syntax
loadChildren: () => import('./lazy/lazy.module').then(m => m.LazyModule)
}];
Run Code Online (Sandbox Code Playgroud)
我没有错误,但是在构建应用程序时没有得到新的块,并且当导航到模块路由时,chrome的“网络”选项卡中没有任何显示。(尽管我可以导航到该模块就好了)
但是,如果我将其重写为:
const routes: Routes = [{
path: 'lazy',
// The following string syntax for loadChildren is deprecated
loadChildren: './lazy/lazy.module#LazyModule'
}];
Run Code Online (Sandbox Code Playgroud)
(这是旧的语法)可以正常工作。
所讨论的模块绝对不会导入其他任何地方,结果的差异仅来自更改语法。
我想知道那里是否缺少什么。我在想,也许是我的Angular未正确设置到版本8(或其他软件包),所以这是我的ng version
:
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.800.4
@angular-devkit/build-angular 0.800.4
@angular-devkit/build-optimizer 0.800.4
@angular-devkit/build-webpack 0.800.4
@angular-devkit/core 8.0.4
@angular-devkit/schematics 8.0.4
@angular/cdk 8.0.0
@angular/cli 8.0.4
@angular/material 8.0.0
@ngtools/webpack 8.0.4
@schematics/angular 8.0.4
@schematics/update 0.800.4
rxjs 6.5.2
typescript 3.4.5 …
Run Code Online (Sandbox Code Playgroud) 我有两个组件,分别称为one.component.html和two.components.html。我只尝试为一个组件自定义Angular材质的日期选择器,而让另一个组件具有Angular Stock日期选择器。如果我在one.component.css中编写了一个自定义的CSS代码,它将无法正常工作。因此,我必须编写Style.css。但是在Style.css中编写将自定义这两个组件。如何在其他组件中指定自定义?