实时服务器未加载 css 文件

2024-02-17

我有一个与我的 html 文件链接的 css 文件。通过实时服务器加载 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'>

包.json:

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

or

"start": "live-server home"

or

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

都有相同的结果。仅有的

"start": "live-server"

Works,它显示浏览器上的工作目录。我单击主目录,然后 html 文件会加载 css。

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


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

<link rel="stylesheet" type="text/css" href="style.css" />
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

实时服务器未加载 css 文件 的相关文章