Ошибки при импорте папки ресурсов со статическим URL-адресом в проекте участка React ⇐ Python

[Anonymous]

Я пытаюсь отобразить страницу реагирования на стороне сервера с помощью Django. Серверный рендеринг работает нормально для обычных реагирующих компонентов. В проекте используется пакет для автоматической сборки файлов JavaScript, чтобы Django мог их отображать. Это команда, которую я использую для компиляции реакции на Js.

Код: Выделить всё

"scripts": { "watch": "parcel watch src/index.tsx --public-url /assets/" }

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

Код: Выделить всё

@parcel/core: Failed to resolve 'assets/theme/base/typography' from './src/assets/theme/index.js'

C:\profitional\BRAVO\Server\assets\src\assets\theme\index.js:23:24
22 | import breakpoints from "assets/theme/base/breakpoints";
> 23 | import typography from "assets/theme/base/typography";
>    |                        ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
24 | import boxShadows from "assets/theme/base/boxShadows";
25 | import borders from "assets/theme/base/borders";

Done in 689.72s.

C:\profitional\BRAVO\Server\assets>yarn parcel watch src/index.tsx
yarn run v1.22.19
$ C:\profitional\BRAVO\Server\assets\node_modules\.bin\parcel watch src/index.tsx
× Build failed.

@parcel/core: Failed to resolve 'assets/theme/base/breakpoints' from './src/assets/theme/index.js'

C:\profitional\BRAVO\Server\assets\src\assets\theme\index.js:22:25
21 | import colors from "assets/theme/base/colors";
> 22 | import breakpoints from "assets/theme/base/breakpoints";
>    |                         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
23 | import typography from "assets/theme/base/typography";
24 | import boxShadows from "assets/theme/base/boxShadows";

Проблема в том, что я не могу понять, как правильно настроить файлы ресурсов в конфигурациях проекта реагирующих участков, чтобы мне не нужно было менять какие-либо ресурсы. пути.
Это мои пути к файлам в проекте, где:
Сервер – это корневая папка проекта Django
< ul>
[*]assets (содержит весь код реагирования на SSR)

• src
  
  assets(the папка, которую я пытаюсь импортировать)
  
  theme
  -index (файл, вызывающий ошибку)

введите здесь описание изображения
введите здесь описание изображения
Ошибка вызвана не только одним импортом ресурса, она будет вызвана всеми операторами импорта в src папка /активы. Я уже пытался изменить все пути к файлам в папке с ресурсами, которые вызывают проблему, но это слишком громоздко. Что я могу сделать, чтобы решить эту проблему в этом проекте участка React?
,parcelrc файл

Код: Выделить всё

{
"extends": ["@parcel/config-default"],
"resolvers": ["@parcel/resolver-glob", "..."]
}

Файл jsconfig.json

Код: Выделить всё

{
"compilerOptions": {
"baseUrl": "src",
"paths": {
"*": ["public/src/*"]
}
}
}

Спасибо, что нашли время помочь мне с этой проблемой. Если вам нужна дополнительная информация, спрашивайте в разделе комментариев.
Я ожидаю решить эти проблемы со статистикой импорта, изменив путь к папке ресурсов в файлах конфигурации, чтобы мне не приходилось измените все пути к данным импорта в папке src/assets.

Подробнее здесь: https://stackoverflow.com/questions/784 ... el-project