我的 css 无法在与 vite 反应时自动加载

Question

我有一些 css 和 js 文件，我尝试使用 vite 将它们导入到 React 中的视图中，以便加载样式，但它没有加载，当我进入视图时，我必须注释并取消注释导入要读取的样式代码。

我留下了如何在视图中导入文件的捕获。

我的文件夹树。

js文件“custom.min.js”

Answer 1

导入路径

/src/*

可能是错误的。我可能需要更多信息，但如果您显示的此文件位于 src 文件夹中，则导入路径不正确。明确地说，您需要任何 .css 文件的

相对

路径。 现在我可能弄错了，但是

js

导入需要命名。我可以看到您正在使用 TypeScript

 并且 

您正在使用 import 语句，所以我只是猜测，但您需要命名导入或导入您在 js 文件中导出的特定“东西”。这可能如下所示：import fit from "/src/assets/js/*";

或

import { fit } from "/src/assets/js/*";

并且 

custom.min.js

文件中的导出应如下所示：

export default fit;

或

export { fit };

现在为您的

---

.css

和

.js

，如果这是您的目录：

__src
  |___ assets
  |
  |___ components
  |
  |
  |___ App.tsx
  |___ App.css
  |___ ...(everything else that lives in `src/` from a `create-react-app`)

然后您需要将 

.css

文件导入到

App.tsx

:import "./assets/style/style.css"

您可以

可选地

省略扩展名，但我不能100%确定.css文件。

希望这有帮助！

Answer 2

在您的情况下，导入以“/”为前缀，因此它会在当前目录“src/components/organisms/sidebar/src/{您的导入}”内查找“src”文件夹。

在相对导入和绝对导入之间进行选择是个人意见的问题，因为它们都有权衡，

这样会更清楚

，还有这个。