React 无法解析我目录中的模块答案

【问题标题】：React cannot resolve module in my directoryReact 无法解析我目录中的模块
【发布时间】：2021-02-27 10:45:20
【问题描述】：

这就是我的 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:\Users\iyapp\OneDrive\Desktop\python projects\PixSirius\PixSirius\react-app\src\components\general_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 中？请帮助我，非常感谢！

【问题讨论】：

you have extra dot in import Can't resolve '.../static/css/app_style.css'

标签： javascript reactjs django

【解决方案1】：

您的目录路径错误。三个点（“.../”）不是有效的相对路径。应该是：

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

【讨论】：

【解决方案2】：

它是：

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

【讨论】：