首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular loadChildren属性模块的绝对路径不起作用

Angular的loadChildren属性用于延迟加载模块。当使用绝对路径时,可能会出现不起作用的情况。这可能是由于以下原因导致的:

  1. 模块路径错误:请确保提供的绝对路径是正确的,并且指向正确的模块文件。检查路径是否正确拼写,并确保文件存在于指定的路径中。
  2. 模块加载配置错误:Angular应用程序的模块加载配置可能会影响loadChildren属性的绝对路径。请确保在应用程序的路由配置文件中正确配置了模块加载。
  3. 模块依赖关系错误:如果loadChildren属性指向的模块有其他依赖关系,例如服务或组件,那么这些依赖关系可能会导致绝对路径不起作用。请确保所有依赖关系都正确加载和配置。

解决这个问题的方法可能是:

  1. 使用相对路径:尝试使用相对路径而不是绝对路径来加载模块。相对路径相对于当前模块的位置,通常更可靠。
  2. 检查模块加载配置:确保在应用程序的路由配置文件中正确配置了模块加载。检查是否有任何错误或遗漏。
  3. 检查模块依赖关系:确保模块的依赖关系正确加载和配置。检查是否有任何错误或遗漏。

总之,当Angular的loadChildren属性的绝对路径不起作用时,需要仔细检查路径、模块加载配置和模块依赖关系,以找到并解决问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Angular 2 + 折腾记 :(4)初步了解路由及使用

,相对路由这些,绝对路径这些都可以实现,我这里也说说常用 url: 获取url routerState: 路由状态 navigateByUrl:绝对路径跳转,有个可选参数[{relativeTo,...; @NgModule({ // 注入到模块中,forChild只能用于子模块,forRoot只能用于跟模块 // forRoot有一个可选配置参数,里面有四个选项 // enableTracing...exports: [RouterModule], })复制代码 ---- 懒加载 import { ModuleWithProviders } from '@angular/core'; // 路由相关模块...'page', component: MitLayoutComponent, canActivate: [RbacService], children: [ // 懒加载在目前版本都必须用绝对路径指向对应模块...,dashboard.module是文件名,#DashboardModule是里面到处模块,必须紧跟才能正确识别 { path: 'base-data', loadChildren: 'app

3K20

Angular 路由配置(预加载配置,懒加载配置)

NgModule作为Angular模块核心,下面首先就来讲一讲。 1....(只有根模块才能设置bootstrap属性) }) 复制代码 3.懒加载说明 (1)RouterModule对象提供了两个静态方法:forRoot()和forChild()来配置路由信息。...forRoot()//在主模块中定义主要路由信息 forChild()``//应用在特性模块(子模块)中 (2)懒加载:loadChildren 此处并没有将对应模块加入到AppModule中,而是通过...loadChildren属性,告诉Angular路由依据loadChildren属性配置路径去加载对应模块。...loadChildren属性值由三部分组成: 需要导入Module相对路径 #分隔符 导出模块名称 (3)预加载 在使用懒加载情况下,路由第一次加载某个模块时,有时反应有延迟。

3.2K30
  • 教程|在 Angular 4 中加载功能模块(下)

    下一个任务是告诉 Angular 为 Weather 和 Currency 模块实现惰性加载。...请注意,weather 模块 loadChildren 属性被设置为 WeatherModule 地址。...Currency 模块配置完全相同。 当路由器导航到更新后地址时,它会使用 loadChildren 字符串动态加载 WeatherModule 或 CurrencyModule。...现在检查执行 ng serve 命令后应用程序输出。您会看到两个针对 “chunk” 文件新行,它们是被 angular-cli 自动添加。这些行表示您惰性加载模块。...在这种情况下,在贪婪加载主要模块后,路由器开始预加载标有 loadChildren 属性所有剩余模块。 要为预加载重新配置应用程序,可编辑您 app-routing.module.ts,如下所示。

    2.3K10

    angular使用NG ZORRO来构建博客展示项目(项目结构及路由)

    通过命令很方便创建模块和组件 创建路由 配置根路由,我们这里用loadChildren方式 在routes文件夹下创建routes.ts文件并写入如下代码 import {LayoutComponent...效果 源码下载 思考 这章主要写了路由和项目文件管理。 结合angular模块化思想,尽量将不同功能东西分在不同文件夹中,组成不同模块。...路由分了跟路由和模块子路由,模块我们使用loadChildren方式好处是,不需要引入子模块。以后扩展方便。...如果我要以后要扩展blog相关东西,就只需要在BlogModule中增加相应组件,然后添加子模块路由即可。...如果要扩展和blog模块类似的功能,例如手机端博客,记账webapp等就在跟路由中添加loadChildren。然后像写BlogModule一样写一个子模块就可以了

    1.2K30

    angular面试题及答案_angular面试

    ngOninit:初始化指令或组件,在angular第一次显示展示组件绑定属性后调用,该方法只会调用一次 ngDocheck:检测 ngAfterContentInit:当把内容投影进组件之后调用,...module声明了哪些模块可以被其他模块使用,依赖注入了哪些类,以及启动component,模块来管理组件,使app实现模块化。 21. 怎样在组件中选择一个元素?...ngOnInit : 在angular 第一次显示数据绑定和设置指令、组件输入属性之后,初始化指令、组件 所以从angular生命周期看,constructor是执行在先 所以既然ngOnchanges...Angular懒加载 默认情况下,在初始化时候所有路由都会加载,导致加载缓慢,启动速度慢,所以可以使用懒加载 懒加载 : 通俗 讲就是进入主模块之后,子模块不加载,等真正访问到子模块之后,再去加载...使用loadChildren配置路由 知识点: RouterModule.forRoot() 用于主模块 RouterModule.forChild() 用于子模块 loadChildren

    11.1K120

    Angular 从入坑到挖坑 - 路由守卫连连看

    一、Overview Angular 入坑记录笔记第六篇,介绍 Angular 路由模块中关于路由守卫相关知识点,了解常用到路由守卫接口,知道如何通过实现路由守卫接口来实现特定功能需求,以及实现对于特性模块惰性加载...也可以定义一个空地址子路由,将所有归属于 crisis-list 子路由作为这个空路由子路由,通过针对这个空路径添加 canActivateChild 属性,从而实现将守护规则应用到所有的子路由上...Angular CLI 创建一个危机中心模块(crisis 模块) -- 查看创建模块相关参数 ng g module --help -- 创建危机中心模块(自动在 app.moudule.ts...当问题解决后,就可以针对 crisis 模块设置惰性加载 在配置惰性路由时,我们需要以一种类似于子路由方式进行配置,通过路由 loadChildren 属性来加载对应模块,而不是具体组件,修改后...loadChildren: () => import('.

    3.8K30

    Angular12个经典问题,看看你能答对几个?(文末附带Angular测试)

    @angular/core会创建组件,渲染它,创建并呈现它后代。当@angular/core数据绑定属性更改时,处理就会更改,在从DOM中删除其模板之前,就会销毁掉它。...ngOnChanges:当Angular设置其接收当前和上一个对象值数据绑定属性时响应。 ngOnInit:在第一个ngOnChange触发器之后,初始化组件/指令。...每个Angular应用程序必须有一个叫AppModule模块。代码应该根据应用程序业务案例分为不同模块(NgModule)。...启用延迟加载Plunkr示例:  我们不需要在根模块中导入或声明延迟加载模块。 将路由添加到顶层路由(app.routing.ts)并设置loadChildren。...loadChildren会从根文件夹中获取绝对路径。RouterModule.forRoot()会获取routes数组并配置路由器。 在子模块中导入模块特定路由。

    17.3K80

    发布 Angular 应用至生产环境

    两年前, 写过一篇使用 rollup 来为生产环境编译 Angular 2 应用文章, 因为当时还没有 angular-cli 项目。...而如今 Angular 已经到了 7.x 版本, 对应工具也是非常完善, 也就不在使用 rollup 来处理 angular 项目。...合理拆分功能模块, 按需加载 一个系统往往功能非常多, 因此就要根据项目的实际情况划分功能模块,一个功能模块对应一个 NgModule , 编译成一个独立 js 文件, 再结合 angular 路由技术进行按需加载...,就这一功能点来说, angular 支持已经非常完善了。...(甚至还出现开发机内存不足,无法成功编译情况) 预先压缩 js 文件 当然, 仅仅考合理划分 js 模块的话, 还往往不太够, 因为单个模块也可能会比较大, 可能会超过 1 兆, 特别是使用了一些第三方控件

    1K50

    模块化开发 Angular 应用

    想要更好地理解 Angular 应用程序所有的不同构建模块? 在这篇文章中,我们将走进模块内容。 在 angular 应用中,模块是共享和重用代码好方法。...简单来说,一个模块就是一个类,就像组件和服务一样。 Angular代码通常以模块形式组织。我们可以将模块视为包含特定用例所需要代码包或捆绑包。...就像组件一样,生成结构是一个模块树。 @NgModule 在 @NgModule 操作符里面,我们定义模块所有属性。我们提供了一个简单 JavaScript 对象作为参数。...即使你没有任何模块,你仍然需要导入一些 angular 模块。正如我们之前提到Angular 在构建之初已经考虑到了模块化。...如果我们想在特定路由上延迟加载模块,我们可以使用 loadChildren 属性。这里我们指定模块路径和名称,用 # 分隔开。 之后,我们可以在我们 AppModule 中导入配置模块

    3K10

    大漠穷秋:全面解读Angular 4.0核心特性

    摘要 基于最新Angular4.0版本,超级大咖大漠穷秋为我们讲解强大集成开发平台Angular/cli,以及Angular最核心3大概念:组件、模块、路由。...Angular2-dependencies-graph是一个node.js模块,通过它把项目的目录和结构生成图表,就可以清晰地知道自己写模块位于项目的哪个位置。...Angular新版本中静态路由只要写component属性,说明这个路由需要交给哪个component来处理,Angular就会自动创建这个component并渲染出来。...做异步路由时要注意是,写loadchildren,加载对象是module而不是component。由此可见,NgModule是用来配合Angular/cli做模块打包和加载。...只要在构造函数里写需要应用到怎样属性Angular会自动创建它实例并注入class。 注射器也是一个树型结构,在每个标签上都有injector实例。

    2.1K50

    编程星球——水·滴20180624期

    ,不再认为是SE模块,而默认路径只包含了SE模块中。...方案1: 虽然路径没有包含,但是JDK中包含了EE模块,可以通过命令行参数添加需要模块,例如: --add-modules java.xml.bind 还有这些: java.activation...,常用资源可以看官方网站: 链接:Angular Docs https://angular.io/resources 还有对应中文网站: 链接:Angular Docs https://angular.cn...2018/6/21 #水·滴# C#类字段属性区别: 字段一般用在类内部使用,属性一般供外部类访问。...属性相当于是给字段加了一个保护套,如果想读这个字段值,属性里面走一定是get{},如果想给字段赋值,属性里一定走是set{},那么程序员可以在get{}和set{}中增加一些限制,验证要赋值内容

    1.6K30

    Angular Provider 作用域

    providedIn: 'root', }) export class UserService { } 示例中 providedIn 属性值 root 表示服务作用域范围是根级作用域(AppModule...当你注册根级别的服务时,Angular 会创建一个单独共享服务实例。如果在 @Injectable 元数据中注册服务,Angular 会在构建阶段自动剔除无用服务,进而优化我们应用程序。...([{ path: 'user', loadChildren : '....当在懒加载模块中使用模块服务时,它将使用根注入器创建服务实例。但如果已经在懒加载模块中注册了 provider,在模块内获取对应服务时,它将从模块子注入器中获取对应服务实例。...除了在 NgModule 中配置 provider 之外,我们也可以通过 @Component metadata 对象 providers 属性配置独立服务。

    1.8K20

    🔥【Angular教程】路由入门

    在Appapp-routing中配置路由器 一个最简单组件路由必备一个path(路由Url)属性和一个component(Url对应加载组件)属性: const routes: Routes =...配置无组件路由(空路由) 对路由进行分组而不增加额外路径片段 { path: 'home', loadChildren: () => import('....与懒加载相对预加载 angular中配置懒加载后模块加载被延迟到来使用时,但是有一些组件是需要优先加载并在使用时候可以及时运行。...angularRouter模块提供来两种预加载策略: 完全不预加载,这是默认值。惰性加载特性区仍然会按需加载。 预加载所有惰性加载特性区。...修改方式:RouterModule.forRoot()参数二对象支持设置加载模式属性preloadingStrategy, PreloadAllModules: 预加载有所模块 NoPreloading

    4.4K50

    Android Layoutlayout_height等属性为什么会不起作用

    有的时候,我们配置好布局文件,在加载完成添加到我们Activity中后发现,并没有安装我们设置属性来布局,比为我们设置了android:layout_marginTop=“100dip”,但是运行程序后发现一点作用都没有...,相似的还有layout_height等以android:layout_开头属性设置都没有作用,这类问题以我们使用Adapter作为数据源时候作用居多,因为Adapter里有一个方法是getView..._开头属性)..我们可以看下该方法实现来说明一下,通过查找源代码,inflate实现都在这个public View inflate(XmlPullParser parser, ViewGroup...params = root.generateLayoutParams(attrs);这段代码,这段代码就是把xml里布局配置转为LayoutParams,换句说就是加载我们配置布局属性,以供布局类...方法,这样系统框架就会自动使用该布局读取我们在xml中配置布局属性来控制我们VIew位置。。

    1.3K30
    领券