gpt4 book ai didi

html - CSS 文件不会在 React JS 中加载

转载 作者:行者123 更新时间:2023-11-27 22:55:35 25 4
gpt4 key购买 nike

enter image description here

这是我的文件夹的样子。

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible">
<link rel="stylesheet" href="../src/App.css">
<title>Document</title>
</head>

<body>
<div id="practice"></div>
<div id="farm"></div>

</body>
</html>

这是代码,但 React 仍然不会跟踪来自 HTML 的路径。即使路径正确也不会加载 CSS 文件。

enter image description here

我可以像上面的GIF一样在VSC中点击CTRL + LMB打开文件。为了测试,我将路径更改为 ./src/App.css 然后 VSC 无法打开它,因为路径错误。

为什么它总是发生,有什么方法可以解决这个问题吗?

谢谢聆听。

最佳答案

您应该在 app.js 或 src 文件夹中的任何 js 文件中导入您的 css,而不是在 public 文件夹中调用它。你应该在 app.js 上看到它,因为我认为你使用的是 create-react-app,所以你应该在那个 js 文件上看到一些例子。你做错了。

如果您真的想这样做,您是否尝试添加 %PUBLIC_URL%/src/App.css ?

import '../src/App.css'

关于html - CSS 文件不会在 React JS 中加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59265536/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com