Я хочу настроить свой проект так, чтобы я использовал следующую строку:
import { BlahBlahService } from '@blahblah/core/BlahBlahService';
решено:
./dist/blahblah/core/BlahBlahService
Я уже прочитал онлайн-ресурсы и применил указанные настройки (которые я также включаю ниже). Это работает в Visual Studio Code; т.е. он не показывает мне ошибки, поэтому он может правильно прочитать мои настройки в tsconfig и понять их. Я хочу сделать то же самое с Webpack.
Однако я получаю следующую ошибку:
ОШИБКА в ./xxxxxxxxxxx.ts Модуль не найден: Ошибка: не удается разрешить «@ blahblah / core / BlahBlahService» в «xxxxxxxxxxxxxxxxxxxxxxxxxxxx»
В моем веб-приложении есть следующие настройки:
- Angular 2 Версия 2.2.0
- Машинопись версии 2.0.8
- Webpack версии 2.1.0-beta.26
- awesome-typescript-loader Версия 2.2.4
В моем tsconfig также есть следующее:
"compilerOptions": {
...
"baseUrl": ".",
"paths": {
"@blahblah/core": ["./dist/blahblah/core"],
"@blahblah/core/*": ["./dist/blahblah/core/*"],
}
...
}
И в моем файле webpack.js есть следующие настройки:
plugins: [
...
new TsConfigPathsPlugin(),
...
],