html - 实时服务器未加载 css 文件

Question

我有一个与我的 html 文件链接的 css 文件。通过 live-server 加载 html 文件时，我的 css 不工作。

直接通过浏览器打开 html 文件时，css 工作正常。我的 css 文件位于 html 文件所在的目录之外。当我的 npm 脚本使用 live-server 作为 npm start 时，没有任何参数，它只显示我的工作区的所有文件，如果我单击我的 html 文件所在的目录，css 工作。但是，如果我将 html 文件添加为 live-server 的参数，它只会加载 html 文件，而不会更改任何 css。

html:

<link rel='stylesheet' type='text/css' href='../styles.css'>

package.json:

"start": "live-server home/index.html"

或

"start": "live-server home"

或

"start": "live-server home/index.html && styles.css"

结果都是一样的。只有

"start": "live-server"

works，显示浏览器上的工作目录。我单击主目录，然后 html 文件随 css 一起加载。

当从终端输入 npm start 时，我的 html 文件在我的浏览器上加载正常，但由于某种原因未加载链接的 css 文件。 css 链接代码应该没问题，因为它在直接从浏览器打开时可以正常工作。 css文件是否需要在同一目录下？

Answer 1

请检查链接标记属性及其值是否拼写正确。 text\css 永远不会加载 css 文件。正确的是 text/css(它是 正斜杠)。也尝试从文件资源管理器打开 html 文件并检查它是否正常工作。

<link rel="stylesheet" type="text/css" href="style.css" />