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

Question

发生了一件非常奇怪的事情。我正在开发一个反应应用程序，一切都运行良好，直到今天我回到它，我的 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 uninstall编辑了所有 gulp 模块。

标签： htmlcssreactjshyperlink

Answer 1

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

或移动目录:)