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

angular2源/app/APP.ROUTING“‘没有导出的成员’路由‘”

Angular是一种流行的前端开发框架,它提供了一种结构化的方式来构建Web应用程序。Angular使用组件化的思想,通过组合不同的组件来构建复杂的用户界面。在Angular中,路由是一种用于管理应用程序导航的机制。

在给出答案之前,我想先解释一下这个问题中提到的一些名词和概念。

  1. Angular2:Angular2是Angular框架的第二个版本,它是一个用于构建Web应用程序的开发框架。与第一个版本相比,Angular2引入了一些新的特性和改进,例如更好的性能、更好的可维护性和更好的开发体验。
  2. 源文件:源文件是开发人员编写的原始代码文件,通常以文本形式存储。在Angular中,源文件通常包含组件、服务、模块等代码。
  3. APP.ROUTING:APP.ROUTING是一个文件路径,它指向一个名为"ROUTING"的文件。在Angular中,通常使用路由来定义应用程序的导航规则。通过路由,我们可以将不同的URL映射到不同的组件,从而实现页面之间的切换和导航。

现在,让我们来回答这个问题:

根据问题描述,"angular2源/app/APP.ROUTING“‘没有导出的成员’路由‘"这个错误提示表明在给定的路径下的APP.ROUTING文件中,没有导出名为"路由"的成员。这可能是由于以下几个原因导致的:

  1. APP.ROUTING文件中确实没有导出名为"路由"的成员。在Angular中,导出成员是指在一个文件中定义的可以被其他文件引用和使用的变量、函数、类等。如果在APP.ROUTING文件中没有定义或导出名为"路由"的成员,那么在其他地方引用它就会出现这个错误。
  2. APP.ROUTING文件中存在名为"路由"的成员,但是没有正确导出。在Angular中,要使一个成员可以被其他文件引用,需要使用关键字"export"将其导出。如果在APP.ROUTING文件中定义了名为"路由"的成员,但没有使用"export"导出它,那么在其他地方引用它就会出现这个错误。

为了解决这个错误,你可以采取以下步骤:

  1. 确保在APP.ROUTING文件中定义了名为"路由"的成员,并正确导出它。例如,在APP.ROUTING文件中可以添加以下代码:
  2. 确保在APP.ROUTING文件中定义了名为"路由"的成员,并正确导出它。例如,在APP.ROUTING文件中可以添加以下代码:
  3. 确保在引用APP.ROUTING文件的地方使用了正确的路径。根据问题描述,APP.ROUTING文件的路径是"angular2源/app/APP.ROUTING",你需要确保在引用它的地方使用了正确的路径。

推荐的腾讯云相关产品和产品介绍链接地址:

腾讯云提供了一系列与云计算相关的产品和服务,包括云服务器、云数据库、云存储等。你可以通过以下链接了解更多关于腾讯云的产品和服务:

  1. 腾讯云官网:https://cloud.tencent.com/

请注意,根据问题要求,我不能提及其他流行的云计算品牌商,因此只能提供腾讯云的相关信息。如果你对其他品牌商的产品和服务有兴趣,可以自行搜索相关信息。

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

相关·内容

Angular2 @NgModule

模块是用来组织应用,通过模块机制外部类库可以很方便扩展应用,Angular2将许多常用功能都分配到一个个模块中,如:FormModule、HttpModule、RouterModule。...(Angular2没有模块级别的service,所有在NgModule中声明Provider都是注册在根级别的Dependency Injector中) ---- 3.imports:导入其他...---- 4.exports:用来控制将哪些内部成员暴露给外部使用。导入一个module并不意味着会自动导入这个module内部导入module所暴露出公共成员。...除非导入这个module把它内部导入module写到exports中。 ---- 5.bootstrap:通常是app启动根组件,一般只有一个component。...这个属性一般情况下只有ng自己使用,一般是bootstrap组件或者路由组件,ng会自动把bootstrap、路由组件放入其中。

2.1K40

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

路由添加到顶层路由app.routing.ts)并设置loadChildren。loadChildren会从根文件夹中获取绝对路径。...然后,导出const路由:ModuleWithProviders = RouterModule.forChild(routes); 7.  在Angular 2应用中,我们应该注意哪些安全威胁?...更少Http请求数:如果应用程序没有捆绑来支持延迟加载(或任何原因),对于每个关联HTML和CSS,都会有一个单独服务器请求。...使用反应式扩展(RxJS) 根据时间变化,数组成员可以异步获取 目前Angular 2正式版已经发布,部分产品也已经对Angular 2正式版进行了支持。...其中,反应最为迅速就是Wijmo,Wijmo 在 Angular2 发布几个小时后就发布了支持 Angular2 正式版本 Wijmo。

17.3K80

Angular 2 + 折腾记 :(2)初步认识angular2,不一样开发模式

---- 基础概念 国内官网--基础 词汇表(又名计算机术语--angular2 & es6 & es7) 速查表:又名demo写法表,里面涵盖了很多写法,相当于一本小字典 关于ng2一堆为什么:.../app.component.css'] // 组件自身样式 }) // 导出对应组件 export class AppComponent { title =...'@angular/platform-browser'; // 这也是一个装饰器,用来定义模块和组件相关,比如服务,组件元素,指令,导入导出模块识别 // 每个模块定义必须有这个才能生效...特殊之处后面解释 [(target)]: 双向数据绑定,视图和数据同步改动。。一般用于表单比较多。...---- 总结 这一篇没有涉及到路由这些和表单这些; 准备拆成两个文章来说; 路由配置及懒加载这些, 模板驱动表单及响应式表单[嵌套表单响应等],回车键触发搜索等。。

6.2K20

Angular2 :从 beta 到 release4.0 版本升级总结

// 表单相关 'angular2/commom' => '@angular/forms' 三、新增NgModule 官方说明 Angular 模块能帮你把应用组织成多个内聚功能块。...变更 拆分和新增了路由模块 ActivatedRoute:获取路由信息 路由事件实例,如NavigationEnd表示导航事件变更完毕,等 反正改了挺多,请自行查询官方API文档…[捂脸] 新增路由模块...解决办法:目前在路由事件结束(NavigationEnd)时,手动更新组件状态。 内嵌样式失效。"...无法从router里获取RouteParamsAPI。 原因:angular(v4.1.1)中,使用ActivatedRouteAPI获取路由信息。...解决办法:注入DomSanitizer服务可以把一个值标记为可信任,这里添加了一个叫safeUrlpipe组件,位于app/shared/pipe/safe-url.main.pipe.ts。

8.1K00

Angular2 学习第一天

Angular2八个主要构造块 1.(Module )模块 Angular应用由模块组成,模块能导出组件,服务,函数,值等供其它模块使用 2....(Component) 组件 directives数组包含组件模板依赖组件或指令 providers数组包含组件依赖服务 3.(Template) 模板 4.(Metadata) 元数据 5....} from "angular2/platform/browser"; //组件定义 @Component({ selector:"my-app", template:"Hello...,Annotation" }) class EzApp{} //渲染组件 bootstrap(EzApp); *注解 ES6规范中并没有注解和其它装饰器,Angular2注解其实是利用了转码器...Paste_Image.png 过滤器 Angular2过滤器 过滤器即模板中对数据变换机制 常用预置过滤器: DecimalPipe: | number:'2.2-2' DatePipe: |

79020

模块化开发 Angular 应用

即使你没有任何模块,你仍然需要导入一些 angular 模块。正如我们之前提到,Angular 在构建之初已经考虑到了模块化。...为了实现这点,我们要在应用中添加路由。 首先,我们用路由配置来配置路由模块。所以,我们创建一个名为 app.routing.ts 文件,它跟 app.module 同级。.../app.routing' import { BrowserModule } from '@angular/platform-browser' import { NgModule } from '@angular...但是此时屏幕上什么都没有。因为 Angular 还不知道现实哪个组件。为了解决这个问题,我们必须为 authentication module 定义子路由。...这看起来集合和 app.routing 完全一样。不一样是,我们调用是 forChild() 而不是 forRoot(),当然,路由也不同。

3K10

Vuejs和其他前端框架对比

这一点Angular2有原生service injection pattern。而Vue则没有官方推荐。 对标准向后兼容Angular2在一些细节上对标准有更好支持。...Angular2组件有shadow dom实现可以选择,而Vue目前还没有。...测试Angular2一开始就设计好了如何对组件进行测试,而Vue组件虽然也很好写测试,但是没有官方推荐唯一标准(当然,对视图是否需要测试还有待探讨)。...除此以外,Angular2还有一些小功能比如检验模板类型安全(即,模板里能在编译器保证没有引用model未定义变量),不过AoT本身似乎还没有稳定,所以不能算优势。...尽管相比 Riot ,Vue 要显得重一点,Vue 还是有很多显著优势: 过渡效果系统。Riot 现在还没有提供。 功能更加强大路由机制,Riot 路由功能 API 是极少。 更好性能。

3.8K110

vue.js与其他前端框架对比

这一点Angular2有原生service injection pattern。而Vue则没有官方推荐。 对标准向后兼容Angular2在一些细节上对标准有更好支持。...Angular2组件有shadow dom实现可以选择,而Vue目前还没有。...测试Angular2一开始就设计好了如何对组件进行测试,而Vue组件虽然也很好写测试,但是没有官方推荐唯一标准(当然,对视图是否需要测试还有待探讨)。...除此以外,Angular2还有一些小功能比如检验模板类型安全(即,模板里能在编译器保证没有引用model未定义变量),不过AoT本身似乎还没有稳定,所以不能算优势。...尽管相比 Riot ,Vue 要显得重一点,Vue 还是有很多显著优势: 过渡效果系统。Riot 现在还没有提供。 功能更加强大路由机制,Riot 路由功能 API 是极少。 更好性能。

4.1K80

揭秘程序员眼中 Vue 与 Angular | 码云周刊第 32 期

项目名称:基于 angular2 阅图 App 项目简介:本项目是基于 ionic2 + angular2 开发阅图 App。...angular2 语法有很大变动,整个框架基于 TypeScript 开发,如果有 C#、Java,或者 Swift 开发经验者,学习这门语言基本没有多大难度;再一个就是体验到了 angular 一直追求核心概念...:组件化(Component),整个开发过程中就是不停在自定义组件,至于 angular2 其他变动,比如为了优化性能去掉了 $scope;将 ng-controller 概念合并到了Component...;双向数据绑定脏值检查优化;嵌套路由;构造函数中依赖注入等等。...项目名称:基于 angular2 插件 项目简介:CodeBe ( 码B ) 是一个是使用 angular2 整合各种插件项目,包括(layer,bootstrap-table,markdown 编辑器

2K50

Angular2 VS Angular4 深度对比:特性、性能

那么,本文将会对Angular2和Angular4进行深度对比,以便帮助大家更好了解这两个版本。 Angular2 Angular2是在2015年底发布。...Angular2 特性和性能 AtScript是ES6超集,用于帮助Angular2开发。...动态载入: 这是之前Angular版本均不具备功能,Angular2包含了这个功能,即使在开发人员忙碌时,也能够添加新指令或控件。 模板: 在Angular2中,模板编译过程是异步。...子路由路由将通过提供自身路由功能,将程序每个部分转换为更紧密应用程序,这有助于整个程序功能集合封装。...模板映射: 每当模板中某些内容出现错误时,都将创建映射,为原始模板提供有意义说明内容。 结论: 对于仍处于学习阶段的人来说,Angular会有点混乱。

8.7K20

干货 | 前端阶段性总结之「框架相关」那些事

比较坑地方是Angular每次不向下兼容升级了吧。不只是Angular1到Angular2重新设计,甚至是Angular2自身更新也不全兼容。...其实除了移动端可以排除Angular之外,其他时候更多是对业务和团队成员考虑吧,包括Typescript等使用,都是对配合协助。大家一致性通过或者协商后方案,才是最适合方案。...到后面更多是维护成本,这个时候需要做些整理和抽象,这时候规范重要性就随着项目的壮大、成员增加愈发地体现出来了。...、 对于Angular/Vue/React,其实更多区别在于上面所说数据绑定方式,其他基本都是相似的语法分析AST等等实现方式吧。 路由 路由现在也成为了前端框架里一个最基本要求了呢。...一般来说,路由都是通过history API进行监听和读写,具体大家可以看看这篇《Web开发中 前端路由 实现几种方式和适用场景》。

95520

angular基础面试题_java web面试题

PercentPipe :把数字转换成百分比字符串,根据本地环境中规则进行格式化angualr angular路由配置: 路由配置在 app.route.ts 中 路由跳转方式 [routerLink...@NgModule({ imports: [ BrowserModule ],导入表) —— 那些导出了本模块中组件模板所需其它模块 providers: [ Logger...exports: [ AppComponent ], 导出表 那些能在其它模块组件模板中使用可声明对象子集。...如果此次digest循环有更新,那么会再次触发digest循环,直到所有的watch都没有更新为止。 使用Angular 2,和使用Angular 1相比,有什么优势?...灵活路由,具备延迟加载功能 更容易学习 angular1是全局监听,变量越多性能越差,angular2采用模块化监听,提升了性能 在Angular 2应用中,我们应该注意哪些安全威胁?

13K50

2017 JavaScript 开发者学习图谱 | 码云周刊第 25 期

友好 API ,自由灵活地使用空间。 细致、漂亮 UI。 事无巨细文档。 可自定义主题。 项目地址:http://git.oschina.net/icarusion/iview 2....基于 Angular2 后台管理界面 NiceFish 项目简介:这是 NiceFish 后台管理界面,纯前端,没有任何后端代码。...整体基于 Angular2 和Bootstrap3.3.7,用来示范 Angular2 在后台管理系统里面的典型使用方法。...基于 React B站 App 项目简介:本项目是基于 React.js 完成B站非官方 webapp,API 基于个人另一个项目 bilibili-service。...项目的主要功能有: 提供手机 APP 大部分功能,同时兼容手机,PC 端(IOS弹幕播放不能)。 视频解析(flv->mp4)。

1.4K70

vue- Vue-Cli脚手架工具安装 -创建项目-页面开发流程-组件生命周期- -03

,用 c++ 写 npm ~ pip python 库管理工具(第三方模块下载应用商店) npm 就类似于 pip ,也要换(常用淘宝 cnpm),下载才快 vue ~ django 类似于...插件 双击 App.vue 可以看到,没有任何语法高亮,.vue 文件被识别成了普通文件,那么我们可以通过安装 vue 插件来解决这个问题 可以点图中 install plugins 来安装 vue...) 组件导入与导出 写代码时候有些地方红色波浪线可能是 ESLint 报错,某个变量未被使用就会这样,接着写下去就好,不要太紧张 将组件导出(暴露出来) 组件需要将 实例?...$options 可以拿到所有实例成员,包括自定义成员(好像会让 vue 提前加载实例成员这些),一堆属性这些都在里面(可以用它来取自定义属性) vue 实例可以直接 this.属性/方法 取到 实例成员...data、methods 内容(做了封装,可以直接拿到) vue 没有 this.

1.2K30

AngularJS2.0 教程系列(一)

Angular1.x没有针对移动 应用特别优化,并且缺少一些关键特性,比如:缓存预编译视图、触控支持等。 简单易用 说实话,Angular1.x太复杂了,学习曲线太陡峭了,这让人望而生畏。...实现一个Angular2组件 实现一个Angular2组件也很简单,定义一个类,然后给这个类添加注解: @Component({selector:"ez-app"}) @View({template:"...看起来像其他语言(比如python) 装饰器,是这样吗? ES6规范里没有装饰器。这其实利用了traceur一个实验特性:注解。...以组件为核心 在Angular1.x中,bootstrap是围绕DOM元素展开,无论你使用ng-app还是手动执行bootstrap()函数,自举过程是建立在DOM之上。...而在Angular2中,bootstrap是围绕组件开始,你定义一个组件,然后启动它。如果没有一个组件, 你甚至都没有办法使用Angular2

2.4K10

Vue电商实践项目(一)

CommonJS规范: 1).使用require引入其他模块或者包 2).使用exports或者module.exports导出模块成员 3).一个文件就是一个模块,都拥有独立作用域.../index.js 3.设置默认导入/导出 A.默认导出 export default { 成员A, 成员B, ....... },如下: let num = 100; export...如果在一个模块中没有向外暴露成员,其他模块引入该模块时将会得到一个空对象 ###4.设置按需导入/导出 ####A.按需导出 export let num = 998; export let myName.../test.js” //同时导入默认导出成员以及按需导入成员 import test,{ num,fn as printFn ,myName } from “....$mount('#app') 再打开App.vue(根组件),将根组件内容进行操作梳理(template中留下根节点,script中留下默认导出,去掉组件,style中去掉所有样式) <template

3.2K10

npm依赖(框架平台)

系列 √npm依赖:构建编译 请戳这里,持续更新 √npm依赖:框架平台 请戳这里,持续更新 √npm依赖:类库工具 请戳这里,持续更新 前端框架平台 数据框架 angular1: Angular1 angular2...: React页面路由 vue: Vue vuex: Vue状态管理 vue-router: Vue页面路由 设计框架 amaze: Jquery移动端UI框架 ant-design: React桌面端...capacitor: Ionic原生 electron: 无依赖桌面端应用框架 flutter: 无依赖移动端应用框架 ionic: Angular移动端应用框架 ionic-conference-app...会继续在这篇文章上补全,同时也希望各位倔友对文章里要点进行补充或者提出自己见解。...欢迎在下方进行评论或补充喔,喜欢点个赞或收个藏,保证你在开发时用得上。

2.4K20
领券