Question

这是我的文件夹的样子。

<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由于路径错误而无法打开它。

为什么它不断发生，有什么方法可以解决此问题？

感谢聆听。

Answer 1

您应该将css导入app.js或src文件夹中的任何js文件中，而不是在公用文件夹上调用它。您应该在app.js上看到它，因为我认为您使用的是create-react-app，因此您应该在该js文件上看到一些示例。你做错了。

如果您确实想这样做，是否尝试添加％PUBLIC_URL％/ src / App.css？

import '../src/App.css'

CSS文件不会在React JS中加载

1 个答案: