CSS 文件拒绝链接。而是指回html答案

【问题标题】：CSS File Refuses to Link. Instead Refers back to htmlCSS 文件拒绝链接。而是指回html
【发布时间】：2020-11-18 14:40:15
【问题描述】：

发生了一件非常奇怪的事情。我正在开发一个反应应用程序，一切都运行良好，直到今天我回到它，我的 css 文件由于某种原因没有链接。我做的唯一事情是npm run build 和npm run deploy。

在我的 html 文件中，我有这行代码：<link rel="stylesheet" href="styles.css" type="text/css">

是的，我的 css 文件名拼写正确，是的，它与我的 index.html 文件位于同一目录中。仍然没有被使用。为了进一步测试这一点，我将 css <script> 放入我的脑海中，但效果不佳。有趣的是，我与 CDN 一起使用的引导程序似乎运行良好。

我将相同的代码放在 jsfiddle 中，它可以工作，所以代码本身没有问题。

当我使用开发工具时，我看到了这个：

styles.css 文件正在链接回 index.html 文件

我已尝试使用 CTRL+SHIFT+R 并清除我的 chrome 缓存。我很困惑，不胜感激

编辑：从路径打开文件确实可以正确地提供 css 文件，如下图所示。

编辑：还可能值得注意的是，我正在使用gulp 将此项目打包成单个 html 文件。我遵循了本教程：https://www.labnol.org/code/bundle-react-app-single-file-200514 完全正确，当它不起作用时，我 npm uninstalled 所有 gulp 模块。

【问题讨论】：

嗨雪莉，这确实很奇怪。这可能是某种缓存错误，也许可以尝试使用 CTRL + SHIFT + R 强制重新加载文档。
嗨 UnReal，感谢您的建议，但是我已经尝试过了，但它似乎不起作用。我也试过清除我的 chrome 缓存。
问题：CSS 以前在这个项目上工作过吗？
是的。事实上，我有这个项目的部署版本，其中 css 运行良好。
我刚刚将我的 styles.css 移到了 components 目录中，并通过我的 App.jsx 导入了它。现在可以用了，谢谢！但是仍然存在为什么它不能通过其他方法工作的问题。

标签： html css reactjs hyperlink

【解决方案1】：

我不太清楚你的问题。但是既然你使用reactjs，你应该把public url正确链接到文件：

<link rel="stylesheet" href="%PUBLIC_URL%/styles.css">

请注意，我没有输入?v=1。开发时不要这样做。否则，你不会得到更新的 css，你会得到缓存的内容。

【讨论】：

【解决方案2】：

尝试使用import './styles.css'使用JS导入

或移动目录:)

【讨论】：