CSS 文件不会在 React JS 中加载
[英]CSS file won't load in React JS
问题描述
这就是我的文件夹的样子。
<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 文件。
我可以通过在 VSC 中单击CTRL + LMB来打开文件，就像上面的 GIF 一样。 为了测试，我将路径更改为./src/App.css然后 VSC 无法打开它，因为路径错误。
为什么它不断发生，有什么方法可以解决这个问题？
感谢聆听。
1 个解决方案
解决方案1
0 已采纳 2019-12-10 10:54:17
您应该在 app.js 或 src 文件夹中的任何 js 文件中导入您的 css，而不是在公共文件夹中调用它。 您应该在 app.js 上看到它，因为我认为您使用的是 create-react-app，所以您应该在该 js 文件上看到一些示例。 你做错了。
如果您真的想这样做，您是否尝试添加 %PUBLIC_URL%/src/App.css ？
import '../src/App.css'
CSS 文件不会加载
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.