Блог

вот как сейчас выглядит мое приложение react. Итак, я хочу импортировать файл CSS app_style.css в status_bar.jsx Как я могу это сделать? Когда я пытаюсь импортировать файл следующим образом

 import React, { Component } from 'react';
import '.../static/css/app_style.css'
  

Я получаю следующую ошибку:

 Compiling...
Failed to compile.

./src/components/general_interface/status_bar.jsx
Module not found: Can't resolve '.../static/css/app_style.css' in 'C:UsersiyappOneDriveDesktoppython projectsPixSiriusPixSiriusreact-appsrccomponentsgeneral_interface'
Error from chokidar (C:node_modules): Error: EBUSY: resource busy or locked, lstat 'C:DumpStack.log.tmp'
  

Почему это происходит? Как я могу это исправить?
Кроме того, я использую Django для серверной части.
Это моя конфигурация static_files:

 # settings.py
STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'react-app/src/static'),
]
  

Есть ли лучшая область / способ хранения моих статических файлов CSS и импорта их в react-js?
Пожалуйста, помогите мне, большое спасибо!

Ваш путь к каталогу неверен. Три точки («… /») не является допустимым относительным путем. Это должно быть:

 import '../../static/css/app_style.css'
  

это:

import '../../static/css/app_style.css'