CSS 文件拒绝 Link。而是指回 html
CSS File Refuses to Link. Instead Refers back to html
发生了一件非常奇怪的事情。我正在开发一个 React 应用程序，一切都很好 运行 直到今天我回到它并且我的 css 文件由于某种原因没有链接。我做的唯一事情是 npm run build 和 npm run deploy.
在我的 html 文件中有这行代码：<link rel="stylesheet" href="styles.css" type="text/css">
是的，我的 css 文件名拼写正确，是的，它与我的 index.html 文件位于同一目录和级别。仍然没有被使用。为了进一步测试这一点，我将 css <script> 放入我的脑海，但它也没有用。有趣的是，我在 CDN 上使用的 bootstrap 似乎工作正常。
我将相同的代码放在 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 模块。
尝试使用 JS 导入 import './styles.css'
or moving the directory :)
我不是很清楚你的问题。但是因为你使用reactjs，你应该把public url 正确地link 到文件：
<link rel="stylesheet" href="%PUBLIC_URL%/styles.css">
注意我没有放?v=1。不要在开发时这样做。否则，您将不会获得更新 css，您将获得缓存内容。
发生了一件非常奇怪的事情。我正在开发一个 React 应用程序，一切都很好 运行 直到今天我回到它并且我的 css 文件由于某种原因没有链接。我做的唯一事情是 npm run build 和 npm run deploy.
在我的 html 文件中有这行代码：<link rel="stylesheet" href="styles.css" type="text/css">
是的，我的 css 文件名拼写正确，是的，它与我的 index.html 文件位于同一目录和级别。仍然没有被使用。为了进一步测试这一点，我将 css <script> 放入我的脑海，但它也没有用。有趣的是，我在 CDN 上使用的 bootstrap 似乎工作正常。
我将相同的代码放在 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 模块。
尝试使用 JS 导入 import './styles.css'
or moving the directory :)
我不是很清楚你的问题。但是因为你使用reactjs，你应该把public url 正确地link 到文件：
<link rel="stylesheet" href="%PUBLIC_URL%/styles.css">
注意我没有放?v=1。不要在开发时这样做。否则，您将不会获得更新 css，您将获得缓存内容。