注入Angular 2路由器不工作
可能是由于以下几个原因导致的：
- 依赖注入问题：在Angular中，路由器是通过依赖注入的方式来使用的。如果注入路由器时出现问题，可能是由于依赖注入配置不正确或者缺少必要的依赖项。可以检查是否正确导入了
RouterModule模块，并在@NgModule装饰器的imports数组中添加了RouterModule.forRoot()。 - 路由配置问题：路由器需要正确配置路由规则才能正常工作。可以检查路由配置文件（通常是
app-routing.module.ts）中是否正确定义了路由规则，并且确保每个路由都有对应的组件。 - 组件导入问题：如果路由器无法正常工作，可能是由于相关的组件没有正确导入。可以检查是否正确导入了需要使用的组件，并且在路由配置中正确指定了组件的路径。
- 路由出口问题：在Angular中，路由器需要一个出口来显示路由组件。可以检查HTML模板文件中是否正确使用了
<router-outlet></router-outlet>标签作为路由组件的容器。 - 版本兼容性问题：Angular 2的路由器可能与其他版本的Angular不兼容。可以检查是否使用了与Angular 2版本匹配的路由器版本，并确保其他相关依赖项也是兼容的。
总结起来，注入Angular 2路由器不工作可能是由于依赖注入问题、路由配置问题、组件导入问题、路由出口问题或版本兼容性问题导致的。可以逐一排查这些可能的原因，并根据具体情况进行调试和修复。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：提供高性能、可扩展的云数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：提供多种人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai
- 腾讯云物联网套件：提供全面的物联网解决方案，包括设备接入、数据管理、应用开发等。详情请参考：https://cloud.tencent.com/product/iot-suite
- 腾讯云移动开发套件：提供移动应用开发的一站式解决方案，包括移动后端云服务、移动推送、移动测试等。详情请参考：https://cloud.tencent.com/product/mss
- 腾讯云区块链服务：提供安全、高效的区块链解决方案，支持多种场景应用。详情请参考：https://cloud.tencent.com/product/tbaas
- 腾讯云音视频处理：提供音视频处理、转码、直播等服务，满足多媒体处理需求。详情请参考：https://cloud.tencent.com/product/mps
相关·内容
2回答
当尝试在升级适配器上使用角2组件路由器(角2 RC 4)时，我得到了以下错误：
angular.module(moduleName).directive('odetteSecureApp', upgradeAdapter.downgradeNg2ComponentAPP_ROUTER_PROVIDERS);
upgradeAdapter.bootstr
浏览 1提问于2016-07-07得票数 2
回答已采纳
1回答
我正在尝试将路由器注入到一个组件中。我的包含模块如下所示import { BrowserModule } from '@angular/platform-browser';import { Router } from '
浏览 10提问于2016-08-25得票数 0
在Angular2中，如何获得params并将其本地存储，就像在Php中的会话中一样？
在继续导航到dashBoard组件之前，我需要获取dashBoard，该组件正在调用一个安全的Rest服务。在这个应用程序启动后，确保所有参数都用Inject修饰，或者有有效的类型注释，并且'RouteParams‘是用可注入的’修饰‘。”-polyfills.js:322Zone.run @ angular2-polyfills.js:218(anonymous function) @ angul
浏览 1提问于2016-03-24得票数 1
我是angular2的新手，我试着从实践中学习。但是我在这里，完全被卡住了！
浏览 3提问于2016-10-12得票数 0
我用的是角2 RC2。我需要将角2路由器注入我的自定义ExceptionHandler类中。但是，我得到以下错误
import { ExceptionH
浏览 6提问于2016-06-17得票数 6
3回答
在实际的SafariBeta14(以及之前的版本)中，Angular2 (实际使用9.1)上的后退按钮(使用路由和几个视图时)似乎有一个问题：
我也遇到过这个问题，虽然它在Chrome上运行得很好。
浏览 0提问于2016-04-14得票数 6
在我的应用程序中，我希望在用户单击back按钮时显示提示消息框或模式。我可以使用onPopState事件，但它不会阻止用户向后导航。到目前为止，我有这样的想法： event.preventDefault(); };
浏览 1提问于2017-08-24得票数 3
Angular2路由器-当向模板组件注入路由器链接时出现链接问题我制作了一个导航组件，它有一个模板，没有任何功能。该模板向app.ts中注入精细信息。但是，当我将路由链接添加到模板时，当我只使用路由器链接时，我总是会收到控制台错误。这里是我的导航组件ts文件：
import {Component, View, CORE_DIRECTIVES, FORM_DIRECTIVE
浏览 3提问于2015-12-13得票数 2
回答已采纳
我对angular 2 (RC1)路由器有严重的问题。下面的代码可以工作：<router-outlet></router-outlet>
这不是['/anything']"></a> <-- without this
浏览 2提问于2016-05-19得票数 4
1回答
但帮助我让应用程序的某些页面正常工作的是，解析出所有的templateUrl都是正确的。无论是在模块定义中，还是在使用ng时，在任何模板中都包括在内。.otherwise({ template
浏览 1提问于2017-10-01得票数 0
回答已采纳
我已经开始编写一个新的角2项目，我发现我安装了两个角路由器：
我没有在棱角网站找到如何使用新路由器。对于如何使用新路由器，有什么好的文档吗？
浏览 8提问于2016-05-07得票数 38
1回答
我正在实现新的Angular2路由器，如下文所述：import {Component} from '@angular/core';
import {ActivatedRoute} from '@angular/router';/core/testing&
浏览 0提问于2016-06-28得票数 5
回答已采纳
我正在尝试测试我的组件，它在构造函数(TypeScript)中注入路由器： private _router: Router,我有以下测试：it,injectAsync,TestComponentBuilder
import {provide} from "
浏览 5提问于2016-01-28得票数 2
2回答
我使用的是角度2惰性路由。客户端与webpack2捆绑在一起，使用AOT和角路由器加载器来延迟加载子程序.当浏览器连接时，一切都按预期的方式工作，也就是说，我可以成功地将路由器导航到延迟加载的模块，块被成功地加载，我可以查看组件等等我的想法是，也许我可以在它破坏路由器之前捕捉到错误，但似乎到那时已经太晚了。当我捕捉到错误时，路由器无法工作。注入也有效，路由器不是空的，但是路由器导航不</em
浏览 4提问于2016-12-15得票数 16
2回答
在使用旧组件路由器的Angular2 RC4应用程序中，我们覆盖了默认的Http类，以捕获HTTP401未经身份验证的请求，并将它们重定向到登录页面。这种重定向发生在Angular路由器上。我们现在要更新到版本2.0.1并使用新路由器。为此，我们还必须将新路由器注入到自定义Http覆盖类中。编译成功，但Angular不会运行，因为当应用程序启动时，它会在加载第一个组件之前尝试创建自定义http类。不再可能在加载第一个组件之前注
浏览 0提问于2016-09-28得票数 0
1回答
在我们的angular 4应用程序中，我们有多个指定的路由器插座。所以url是这样的：该组件如何从这些注入的对象(或其他可能的对象)中检索路由器出口的名称？
浏览 5提问于2017-07-17得票数 4
1回答
我正在为我的angular2应用程序编写一些路由助手函数。是否有可能在正常功能中注入Router类...而不是注入到类的构造函数中。我正在试着做这样的事情 export function show404() var
浏览 0提问于2016-03-25得票数 0
1回答
我对使用jasmine编写测试规范是个新手。我在ngOnInit()中有一个类似于router.url.includes(某个字符串)的条件。检查组件是否真实的默认规范测试用例显示TypeError: Cannot find includes of undefined失败。有没有办法窥探或模仿includes？
浏览 15提问于2021-04-20得票数 0
回答已采纳
1回答
我会让你知道我有依赖注入在所有的其他组件和服务上工作。import { Injectable } from '@angular/core';
@Injectable()
浏览 0提问于2016-12-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
