Связывание Aurelia завершается неудачно при использовании относительного пути импорта

Я использую aurelia с машинописью, и я хотел избежать использования относительного пути импорта, например:

import { DialogBox } from '../../resources/elements/dialog-box';

скорее

import { DialogBox } from 'resources/elements/dialog-box';

Я изменил свой tsconfig.json, чтобы компилятор обрабатывал относительные пути, добавляя baseUrl и пути вроде этого:

"compilerOptions": {
"sourceMap": true,
"target": "es5",
"module": "amd",
"declaration": false,
"noImplicitAny": false,
"removeComments": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"moduleResolution": "node",
"lib": ["es2015", "dom"],
"baseUrl": ".",
"paths": {
  "*":["src/*"]
}

}...

Но когда я запускаю команду cli 'au run --watch', я вижу, что все шаги работают нормально, вплоть до шага writeBundle, который не выполняется при трассировке некоторых файлов:

Starting 'processMarkup'...
Starting 'processCSS'...
Starting 'configureEnvironment'...
Finished 'configureEnvironment'
Starting 'buildTypeScript'...
Finished 'processCSS'
Finished 'processMarkup'
Finished 'buildTypeScript'
Starting 'writeBundles'...

Процесс завершается ошибкой:

Tracing resources/elements/dialog-box...
{ uid: 11,
  name: 'writeBundles',
  branch: false,
  error:
   { [Error: ENOENT: no such file or directory, open 'C:\...\src\resources\elements\dialog-box.js']
     errno: -4058,

Странная вещь: есть другие файлы, на которые ссылаются с не относительным путем и где сборщик не терпит неудачу.

И еще одна странная вещь: если я оставляю относительный путь и связку с помощью наблюдателя, все работает нормально. Затем, если я удаляю относительное "../../" из проблемного импорта, я получаю предупреждение о связывании, но все равно все работает...

Есть идеи, что я мог сделать не так?

ИЗДАНО ДЛЯ КОРРЕКЦИИ:

Я просто понял, почему некоторые файлы были связаны, а другие нет. Я заметил, что все файлы с "корневым" импортом, которые не были повреждены, на самом деле были импортированы из других файлов с относительным путем. Поэтому я полагаю, что упаковщик находит их оттуда. Это решает одну вещь, но основная проблема все еще существует: aurelia-cli не может объединиться, когда есть "относительный корень" импорт...

РЕДАКТИРОВАНИЕ ДЛЯ РЕШЕНИЯ: Благодаря решению Sinan Bolel, описанному ниже, проблема относительного пути была решена путем обновления некоторых пакетов:

npm i -D gulp-typescript@^3.1.5 typings@^2.1.0 aurelia-tools@^1.0.0

Семантические ошибки, которые я получил позже, произошли от некоторых типографий, которые все еще были установлены и не нужны, а также из-за того, что машинопись была установлена ​​как локальный пакет npm, так и глобально. Я удалил их, и все ошибки исчезли.

npm uninstall @types/es6-promise
npm uninstall @types/es6-collections
npm uninstall typescript

1 ответ

Решение

Взгляните на этот пример Gist, в котором:

  • Я создаю класс Init в src/lib/init.ts
  • я import init from 'lib/init' в src/main.ts без относительного пути
  • я меняю main.ts в import environment from 'environment' в отличие от from './environment' - что тоже работает.


Используя оригинал tsconfig сгенерированный CLI, моя сборка завершилась с ошибкой:

src/main.ts(3,18): error TS2307: Cannot find module 'lib/init'.

После перехода на tsconfig в моем гисте, сборка удалась.

(недействительно) Предложения:

В tsconfig, пожалуйста, попробуйте:

а) Добавление ./ впереди src в compilerOptions.paths (это решает проблему на моей машине)

  paths: {"*": ["./src/*"]}
                 ^

б) Добавление filesGlob

"filesGlob": [
  "./src/**/*.ts",
  "./test/**/*.ts",
  "./typings/index.d.ts",
  "./custom_typings/**/*.d.ts"
],

редактировать: предыдущие предложения не сработали, как насчет обновления пакетов:

npm i -D gulp-typescript@^3.1.5 typings@^2.1.0 aurelia-tools@^1.0.0

Смотрите результаты в https://github.com/aurelia/cli/issues/494

Другие вопросы по тегам