#typescript #webpack #create-react-app #rollup
Вопрос:
У меня есть рабочее пространство Yarn Lerna с двумя пакетами, более или менее настроенными следующим образом:
[Create React App]
./packages/sandbox : '@workspace/sandbox'
|- src/index.tsx --> import { MyComponent } from '@workspace/my-components'
|- node_modules/@workspace/my-components -> ../../../my-components/dist // Symlinked
[Rollup]
./packages/my-components : '@workspace/my-components'
|- dist/index.js
|- src/MyComponent/index.tsx
Пакет my-components построен с помощью накопительного пакета. песочница импортирует my-компоненты, на которые у Lerna есть символическая ссылка.
Я не смог получить исходные карты для загрузки моих компонентов, поэтому я вставил их sourcemap: 'inline' в конфигурацию свертки. Исходные карты теперь присутствуют, но у меня есть ошибка в Chrome, которая гласит:
Не удалось загрузить содержимое для > http://localhost:3000/my-home/projects/my-project/packages/src/my-components/index.tsx
(Ошибка HTTP: код состояния 404, сеть::ERR_HTTP_RESPONSE_CODE_FAILURE)
Источник, который браузер пытается загрузить из исходных карт, находится за пределами исходной папки для пакета/песочницы, и я не совсем уверен, как это исправить.
Я думаю, что мне нужно как-то обновить приложение CRA для песочницы, но не знаю, как это сделать. Кто-нибудь может помочь?