Reactjs 中的 CSS 路径错误

Question

我观察到我项目中的 CSS 路径突然发生了变化，我不确定这是配置问题还是其他原因，但由于路径 CSS 加载时间过长。

我已经尝试检查导入和代码中的所有内容，但似乎正确

请查看下图以比较新文件夹和备份文件夹之间的路径。

新路径：

旧路径

注意：我需要像旧的路径一样将 css 转换为内联，这运行得更快。

以下是我在 index.js 中导入自定义 CSS 的方式：

import * as serviceWorker from './serviceWorker';
import React, { Component } from 'react';
import { BrowserRouter, Route } from 'react-router-dom';
import { render } from 'react-dom';
import App from './App';
import  './index.css';
import  './utilities/animate.css';

//react and redux related library
import { Provider } from 'react-redux';
import store from './redux/store/index';

class Main extends Component {
    render() {
        return (
            <Route path='/' component={App} />
        );
    }
}
let rootElement = document.getElementById('app');
render(<Provider store={store}>
    <BrowserRouter >
        <Main />
    </BrowserRouter>
</Provider>, rootElement);
serviceWorker.unregister();

Answer 1

我已经运行npm update 并更新了几个包，可能是一些包已损坏或过时。这解决了我的性能和 CSS 加载缓慢的问题。