Fatal编程技术网
  • javascript/
  • Javascript CSS和语义ui cdn在localhost中不起作用

Javascript CSS和语义ui cdn在localhost中不起作用

javascript html css

Javascript CSS和语义ui cdn在localhost中不起作用,javascript,html,css,semantic-ui,Javascript,Html,Css,Semantic Ui,我的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&

我的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>
我认为问题在这里

<link rel="stylesheet" type="text/css"  href="../app/assets/appStyle.css">
  • 如果要检查样式表是否正常工作，请右键单击 打开浏览器，然后单击“查看页面源”
  • 单击样式表链接并检查是否加载样式表 没错
  • 如果它不能正常工作，请检查您的路径并进行纠正
您正在为Javascript使用
标记<代码>标签不受浏览器支持，无法加载JS。 请参阅此StackOverflow问题：
使用脚本标记加载JS。尝试将上面的行替换为：

<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.js"></script>
让我知道这是否有效

你在控制台中有错误吗？@abn没有，我目前没有收到任何错误。我收到过几次MIME类型错误，但是现在我没有收到。你看到浏览器请求资源了吗？服务器是否返回http代码？有时，当我加载页面时，它会给出“解释为样式表但使用MIME类型text/html传输的资源：”“这些资源对我来说很好。你确定问题不在于本地文件
appStyle.css
？当我从浏览器中单击css文件时，它不会显示css文件，而是使用css文件的路径再次加载同一页面。我如何修复它？这是css路径的问题。请将css文件拖到html文件的同一位置，并给出href=“appStyle.css”。我希望它能起作用问题是，即使我给出了完整的路径，它也不起作用。我认为您在相对路径中有一些错误。将Jquery CDN添加到semantic.min.js CDN的正上方。如果您有任何其他错误，请告诉我。Jquery CDN：请验证您正在使用的语义UI版本支持的Jquery版本。您可以在以下位置获得不同版本的jQueryCDN：我不这么认为，我以前使用过它们，它在localhost上运行良好。您是否尝试过添加Jquery CDN？是的，我添加了它，但是仍然存在相同的问题现在出现了什么错误？在前面的评论中，我添加了Jquery CDN，但格式设置从链接中删除了https://如果仍然显示Jquery not found错误，请使用来自的真实链接。您是否已将/public定义为静态源代码，其代码类似于：app.use（express.static（_dirname+'/public'））； 
<link rel="text/javascript" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.js">

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