21xrx.com
2024-11-08 22:18:42 Friday
登录
文章检索 我的文章 写文章
Node.js 网页中外部样式无法生效问题
2023-07-09 02:24:51 深夜i     --     --
Node js 网页 外部样式 无法生效问题

在开发网页时,我们通常会使用外部样式表来为网页设置样式。而 Node.js 作为一个开发环境和运行时环境,其默认情况下并不支持在网页中引用外部样式表,因此可能会出现外部样式无法生效的情况。

这个问题其实很容易解决。我们只需要在网页中添加以下代码:


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

这里的 `./style.css` 表示引用当前文件夹下的 `style.css` 外部样式表。我们只需要将 `href` 属性的值修改为你自己的外部样式表路径即可。

需要注意的是,在使用 Node.js 运行网页时,需要使用 `http-server` 或其他 web 服务器来启动网页,才能使外部样式表生效。这是因为在本地直接打开网页文件时,浏览器会将网页所在的文件夹作为根路径,而我们使用相对路径引用外部样式表时,浏览器会去找该样式表所在的文件夹作为根路径。这一点可能会导致外部样式表无法引用成功。

因此,运行 Node.js 网页时,我们需要通过一个 web 服务器来解决这个问题。例如,我们可以使用 `http-server` 这个 npm 包来启动本地服务器,具体步骤如下:

1. 在项目文件夹下运行 `npm install http-server -g` 命令,安装 `http-server`;

2. 在项目文件夹下运行 `http-server`,启动服务器;

3. 在浏览器中访问 http://localhost:8080 或其他端口地址,就可以访问网页并使用外部样式表了。

总之,Node.js 网页中无法使用外部样式表的问题只需要通过添加正确的链接地址和启动本地服务器两个步骤就可以轻松解决。

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复