Angular 2无法从不同目录导入Service

Question

app
|-ComponentA
|-ComponentB
|-Service

我为每个组件创建了目录，并为所有服务创建了单独的目录...

当我尝试将服务导入组件A以及B

时

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

编译器无法检测到模块，搜索完SO后我发现了这个答案： 在tsconfig中添加

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

然后更改import语句如下解决了编译器错误，编译器能够检测到模块：

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

但是当在浏览器控制台上运行时 - 检查我再次收到错误：

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

试图从昨天起修复同样的事情...请帮助!!!

Answer 1

尝试component.ts中的相对路径，如下所示：

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

看看它是否有效。