2016-12-14 47 views
1
app 
|-ComponentA 
|-ComponentB 
|-Service 

我已经为每个组件和所有服务单独的目录目录导入服务...角2无法从不同的目录

当我试图导入服务为A组份,以及对于B

import {ClickedRowItemService} from 'app/Service/customerrowclick.service'; 

编译器无法检测模块等搜索后,我发现这个答案: 在tsconfig添加此

{ 
    "compilerOptions": { 
    "baseUrl": ".", 
    "paths": { 
     "*": [ 
     "app/*", 
     "node_modules/*" 
     ] 
    } 
    } 
} 

,然后改变import语句如下解决的编译器错误和编译器能够检测模块:

import {ClickedRowItemService} from 'Service/customerrowclick.service'; 

但在浏览器中运行时,控制台检查林再次得到错误为:

GET http://localhost:3000/Service/customerrowclick.service 404 (Not Found) 

试图从昨天解决同样的问题...请帮助!

+0

尝试从 '../服务/ customerrowclick.service' 相关的路径'进口{ClickedRowItemService};',看看它的工作。 –

+0

@AvneshShakya男人我DONO HW感谢ü..这工作:-D – Moulesh

+1

我很高兴,为你工作。 –

回答

1

尝试从您的component.ts这样相对路径

import {ClickedRowItemService} from '../Service/customerrowclick.service'; 

,看看它是否工作。