Bitsrc: Транспортер Typescript создает ссылки на module.js.map - PullRequest
Новая
       33

Bitsrc: Транспортер Typescript создает ссылки на module.js.map

0 голосов
/ 13 сентября 2018

Я пытался использовать Bitsrc для совместного использования внешних компонентов в нескольких приложениях.Я могу создать компоненты и экспортировать их в bitsrc, однако при попытке импортировать и использовать их я сталкиваюсь с ошибками.

Я установил новое приложение aurelia с au new, используя Typescriptи RequireJS.Затем я создал простой компонент, состоящий из простого HTML. 

- src
| - components
  | - rocketship
    | - rocketship.ts
    | - rocketship.html
    | - index.ts

При создании этого компонента с использованием bit build с помощью компилятора машинописи (@0.0.5) index.js.map компилируется в следующее: 

{"version":3,"file":"module.js","sourceRoot":"","sources":["module.tsx"],"names":[],"mappings":";;AAAA,2CAAsC;AAA7B,kCAAA,SAAO,EAAA"}

Это относится к файлу module.js, который нигде не определен, что заставляет меня поверить, что это является причиной проблемы, с которой я столкнулся.

Когда я устанавливаю компонент через NPMи добавьте его в aurelia.json следующим образом: 

{
  "name": "@bit/user.workspace.components.rocketship",
  "path": "../node_modules/@bit/user.workspace.components.rocketship/dist",
  "main": "index"
}

И запустите приложение, используя au run -w, я получаю сообщение об ошибке: 

Error: An error occurred while trying to read the map file at C:\Git\Aurelia test application\node_modules\@bit\user.workspace.components.rocketship\dist\module.js.map
Error: ENOENT: no such file or directory, open 'C:\Git\Aurelia test application\node_modules\@bit\user.workspace.components.rocketship\dist\module.js.map'
    at readFromFileMap (C:\Git\Aurelia test application\node_modules\aurelia-cli\lib\build\convert-source-map\index.js:32:11)
    at new Converter (C:\Git\Aurelia test application\node_modules\aurelia-cli\lib\build\convert-source-map\index.js:39:32)
    at Object.exports.fromMapFileComment (C:\Git\Aurelia test application\node_modules\aurelia-cli\lib\build\convert-source-map\index.js:112:10)
    at Object.exports.fromMapFileSource (C:\Git\Aurelia test application\node_modules\aurelia-cli\lib\build\convert-source-map\index.js:131:22)
    at acquireSourceMapForDependency (C:\Git\Aurelia test application\node_modules\aurelia-cli\lib\build\bundle.js:184:33)
    at work.then (C:\Git\Aurelia test application\node_modules\aurelia-cli\lib\build\bundle.js:206:25)
    at <anonymous>

Итак, Aurelia CLI пытаетсяпрочитайте файл module.js.map в папке компонента, который не существует.Что-то не так с транспортером Typescript?Или Аурелия не в состоянии обработать результат переносимого компонента?

Используемый мной транспортер 

bit.envs/compilers/typescript@0.0.5

Ответы [ 2 ]

0 голосов
/ 13 ноября 2018

Проблема в том, что используемая битовая среда имеет свою собственную конфигурацию, которая отличается от конфигурации, установленной в вашем проекте. Это связано с тем, что в настоящий момент Bit поставляется с собственным набором жестко заданных конфигураций.

Вот рекомендуемый рабочий процесс для разветвления и перенастройки существующей битовой среды:

  1. Создайте новый каталог и пустую рабочую область в нем, используя bit init
  2. Импорт среды, которую вы хотите изменить (но без флага --compiler / tester)
  3. Открыть и изменить файл конфигурации компонента
  4. Отметьте и экспортируйте новую версию компонента в свою область

Теперь у вас есть собственный компилятор с измененным набором плагинов. Следующим шагом будет возврат к вашему проекту и изменение файла bit.json, чтобы он указывал на новый компилятор. После этого снова запустите bit status, чтобы увидеть, что все компоненты теперь изменены (из-за измененного компилятора). Отметьте и экспортируйте новую версию с новым компилятором.

0 голосов
/ 12 ноября 2018

текущий компилятор машинописи работает с жестко заданной конфигурацией, если вы используете это: https://bitsrc.io/bit/envs/compilers/typescript/code Если вы хотите настроить compilerOptions, вам нужно будет разветвить компоненты и настроить их так, как вы хотите.

Под вилкой подразумевается импорт компонента, внесение изменений, тегирование и экспорт в новую область.

...