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

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 学习第一天

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: |

80120

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 与 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

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

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

    4.2K80

    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开发中 前端路由 实现的几种方式和适用场景》。

    96320

    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

    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.5K10

    Angular2、Ionic、TypeScript、es6的关系?

    自从接触angular2以来,组长就提到了3个对于我来说是新东西的东西: angular2 typescript es6 ionic 其实对于这3个东西来说,我根本搞不清楚他们之间的关系,突然之间意识到...其实二者没有什么关系,angular开发的应用可以使用ionic来定义UI,也可以使用其他的来定义UI。 Ionic 是一个强大的 HTML5 应用程序开发框架。...号称Advanced HTML5 Hybrid Mobile App Framework 是AngularJS 移动端解决方案 可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript...这意味着所有的视图、应用路由和控制器都是由AngularJS处理的。Ionic为它自己的组件提供了一组指令,因此开发者能够使用Angular创建自定义HTML元素的能力定义Ionic UI组件。...类,这个类有两个Annotation,@Component和 @View,如果我们删除了所有的Annotation,剩下的只是一个没有任何特殊意义的空类?

    5.2K30

    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

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

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

    6.2K20

    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

    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

    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.3K10

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

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

    8.2K00

    Angular的12个经典问题,看看你能答对几个?(文末附带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.4K80

    模块化开发 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(),当然,路由也不同。

    3.1K10
    领券