实时服务器未加载CSS文件

问题描述 投票:0回答:1

我有一个与我的 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文件需要在同一目录下吗?

html css npm package.json npm-live-server
1个回答
4
投票

请检查链接标签属性及其值是否拼写正确。 特克斯

© www.soinside.com 2019 - 2024. All rights reserved.