更改 CSS 文件时 React 不更新

Posted 2023-02-22

【中文标题】更改 CSS 文件时 React 不更新

【英文标题】：React doesn't update when CSS File is changed

【发布时间】：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提供的标准服务器

【参考方案1】：

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

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

这可能会导致我：

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

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