更改 CSS 文件时 React 不更新答案

【问题标题】：React doesn't update when CSS File is changed更改 CSS 文件时 React 不更新
【发布时间】：2022-01-15 14:46:24
【问题描述】：

所以我是 React 的新手。我想为一个简单的文本设置样式并了解如何使用样式，但是当我想更改 CSS 中的某些内容时，我必须重新启动我的 React 应用程序，这总是需要 3 分钟。

我使用npm start 启动使用 create-react-app 创建的 React 服务器。

如何在 CSS 文件更改时让 React 更新？

我有一个看起来像这样的 index.js：

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import App from  './Frontend/App.js';
import './Frontend/style/main.css';

ReactDOM.render(<App/>, document.getElementById('root'));

还有一个看起来像这样的 App.js：

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import './style/main.css';

class App extends Component {
    render() {
        var pageHeading = (
            <h1 className="pageHeading">bosleeir.it</h1>);
        return pageHeading;
    }
}

export default App;

【问题讨论】：

你在使用自定义 Webpack 配置吗？
我使用的是create-react-app提供的标准服务器

标签： javascript css reactjs styles webpack-dev-server

【解决方案1】：

请记住，您需要在组件中导入 CSS。我不建议在 index.js 上这样做

我假设您的文件夹结构是：

这可能会导致我：

您使用的是旧版本的 React
您已修改文件结构

所以请仔细检查路径是否配置正确。

【讨论】：