它以前可以正常工作，但我无法确定问题出在哪里。
我正在使用index.js导入我的styles.css文件夹。我交换了一些JS代码，问题发生了，无处可退后，我将代码恢复为原来的样子。但是由于某种原因，问题仍然存在。
我想知道我的某些依赖项是否与另一个依赖项冲突，但是既然我已经禁用了大多数依赖项，我认为它们与CSS无法正常工作无关。我还扫描了styles.css，据我所知，没有遗漏任何花括号或错误。
当我通过webpack编译代码并将其上传到SharePoint时，CSS确实会加载，因此我在本地使用的代码有些问题。
有什么想法吗？除非可以拿回CSS，否则无法继续进行我的项目。这是我的浏览器的screenshot，这是我的webpack.config.js的{{3}}。
<!DOCTYPE html>
<html lang="eng">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<head>
<title>Training Library</title>
<!-- <link type="text/css" rel="stylesheet" href="./styles.css"> --><!-- due to ./styles.css being imported via index.js I'm not sure if this line is needed -->
</head>
<body>
import "./styles.css";
// import 'bootstrap/dist/css/bootstrap.min.css';
// import 'jquery-autocomplete/jquery.autocomplete.css';
// import './SiteAssets/plugins/jquery-ui.min.css';
import 'jquery';
// import 'bootstrap/dist/js/bootstrap.bundle.min.js';
// import 'jquery-ui-bundle/jquery-ui.min.js';
// import './SiteAssets/plugins/jquery.autocomplete.js';
// import './SiteAssets/plugins/moment.min.js';
import TopCoursesComponent from './SiteAssets/scripts/topCourses';
import NewCoursesComponent from './SiteAssets/scripts/newCourses';
import AllCoursesComponent from './SiteAssets/scripts/allCourses';
+ TrainingLib
+ dist
+ node_modules
+ public
- index.html
+ src
+ SiteAssets
+ plugins
+ scripts
- allCourses.js
- newCourses.js
- etc
- index.js
- styles.css
- package.json
- webpack.config.js