我有一个问题:
根据跟踪,我的代码在错误的位置查找路由器模块,它应该在我的
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
使用它作为导入:
import { RouterModule } from '@angular/router';
摆脱路径尽头的
/src/router_module
,并且不要忘记from
。
我不知道你用的是什么IDE,但我使用VS Code。有时,当我使用 Ctrl+. (控制期)为了让 IDE 为我添加引用,我在路径中得到了一些额外的东西,就像你所拥有的那样。
需要注意的事情!
请务必检查
import {RouterModule}
声明,VScode会添加不必要的路径。
使用下面的语句重新编译它
import{RouterModule} from '@angular/router';
可以实现的另一个选项是安装所需的依赖项。将此用于将来的参考。
npm install @angular/router