Angular找不到模块本地文件

Question

In my application, in various component I called SharedService

but ts error can't find module Sharedservice when

import { SharedService } from 'src/app/shared/shared.service';

even Path Intellisense is pointing properly

But, when I changed to relative

import { SharedService } from '../app/shared/shared.service';

Is there any place where it is need to be written to point to src/...

Answer 1

I think you need to configure your tsconfig.json as follows,

  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "components/*":  [ "app/components/*" ],
      "services/*":  [ "app/services/*" ],
      "shared/*":  [ "app/shared/*" ]
    },

You can do import as follows

import { SharedService } from 'shared/shared.service';