Как настроить угловой путь приложения для импорта компонентов без префикса в коде Visual Studio?

Question

Я хочу импортировать компоненты и службы без префикса пути, например:

import { CarService } from 'services/car.service';

Из файлов в структуре приложения Angular, которая выглядит следующим образом:

carproject
   src
      app (from here)
          components (from here)
             base (from here)
          pages (from here)
          services (from here)

В настоящее время tscongif.json в папке carproject содержит этот базовый URL:

"baseUrl": "./src",

и tscongif.app.json в папке src:

"baseUrl": "app" 

Приложение на самом деле позволяет делать импорт в формате, который я указал в верхней части этого вопроса. Приложение запускается правильно.

Но Visual Code, похоже, не понимает этого. И показывает ошибку:

Cannot find module 'services/car.service'.ts(xxx)

Как правильно настроить baseUrls, чтобы я мог импортировать компоненты и службы без префиксов пути из мест, указанных выше, и чтобы код Visual Studio мог также находить этот импорт?

Answer 1

Вы должны изменить свой tsconfig.json.Я предполагаю, что ваш сервисный код в папке сервисов, поэтому я изменю конфигурацию

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

Тогда вы можете импортировать как это

import { CarService } from 'services/car.service';