Question

我的html结构如下所示，并且文件夹路径正确：

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Application</title>
    <link rel="stylesheet" type="text/css"  href="../app/assets/appStyle.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.css">
    <link rel="text/javascript" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.js">
</head>

当我尝试通过浏览器访问页面时，它们会起作用。但是，当我从本地主机尝试它们时，它不会加载CSS或缩小的语义ui。有人可以帮忙吗？我已经为此苦苦挣扎了3个小时。任何帮助或提示，表示赞赏。

编辑：我有一个下面的函数，用于在app.js文件中进行路由。可能是原因吗？

 // Make the user route to application.html
app.get('*',function(req,res){
    res.sendFile(path.join(__dirname + '/public/pages/application.html'));
});

Answer 1

我认为问题在这里

<link rel="stylesheet" type="text/css"  href="../app/assets/appStyle.css">

如果要检查样式表是否正常工作，请右键单击浏览器，然后单击查看页面源。
单击样式表链接，然后检查是否加载了样式表正确。
如果它无法正常工作，请检查您的路径并进行更正。

Answer 2

您正在将<link>标签用于Javascript。浏览器不支持<link>标签来加载JS。请参考以下StackOverflow问题：Can I load javascript code using <link> tag?。

<link rel="text/javascript" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.js">

使用脚本标签加载JS。尝试将以上行替换为：

<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.js"></script>

让我知道是否可行。

CSS和语义UI CDN在localhost中不起作用

2 个答案: