Angular CLI 在错误的位置寻找路由器模块? “找不到路由器模块”

问题描述 投票:0回答:3

我有一个问题:

根据跟踪,我的代码在错误的位置查找路由器模块,它应该在我的

node modules\@angular
文件夹中查找,但它在我的
src\app\
文件夹中查找,我该如何解决此问题?

我是如何来到这里的

我已经使用 Angular cli 安装了 Angular 2,当我使用路由器模块创建路由时,我像这样导入它:

import { RouterModule } '@angular/router/src/router_module';

然后使用它传递我的路线,如下所示:

export const routing = RouterModule.forRoot(APP_ROUTES, {enableTracing: true});

现在编译时出现以下错误:

编译失败。

./src/app/app.routing.ts 找不到模块:错误:无法解析

'@angular/router/src/router_module' in 'C:\path o\src pp' <== important part ?

@ ./src/app/app.routing.ts 3:0-84

@ ./src/app/app.module.ts

@./src/main.ts

@ 多 webpack-dev-server/client?http://localhost:4200 ./src/main.ts

我检查过

node module/@angular/router/src/router_module
存在,确实存在......我真的很困惑

angluar cli v1.0.1

角度 v 4.4.6

angular angular-cli
3个回答
8
投票

使用它作为导入:

import { RouterModule } from '@angular/router';

摆脱路径尽头的

/src/router_module
,并且不要忘记
from

我不知道你用的是什么IDE,但我使用VS Code。有时,当我使用 Ctrl+. (控制期)为了让 IDE 为我添加引用,我在路径中得到了一些额外的东西,就像你所拥有的那样。

需要注意的事情!


2
投票

请务必检查

import {RouterModule}
声明,VScode会添加不必要的路径。 使用下面的语句重新编译它

import{RouterModule} from '@angular/router';

0
投票

可以实现的另一个选项是安装所需的依赖项。将此用于将来的参考。

npm install @angular/router
© www.soinside.com 2019 - 2024. All rights reserved.