Visual Studio Code 不會將 CSS 樣式表和 JS 文件添加到 HTML 代碼

Question

我將我的項目從 Visual Studio Enterprise 遷移到 Visual Studio Code，現在我的 CSS 和 JS 文件不再嵌入到 HTML 文件中。 沒有錯誤消息。 我認為問題是，VS 將鏈接視為我網站上的網頁並搜索它們但沒有找到它們。 由於調試控制台中的消息，我得出了這個結論。

我的代碼如下所示：

@model LoginModel;
@{
    ViewData["Title"] = "Home Page";
 }
<head>
    <link   rel="stylesheet" href="../wwwroot/css/Home.css"
      type="text/css" />
    <link rel="stylesheet" href="../wwwroot/css/overview.css"
       type="text/css" />

</head>
<body>
      **more HTML code here **
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="${workspaceFolder}/NXM_Web_Client/wwwroot/js/login.js"></script>

調試控制台指出：

信息：Microsoft.AspNetCore.Hosting.Internal.WebHost[1] 請求開始 HTTP/1.1 GET http://localhost:5000/wwwroot/css/Home.css
信息：Microsoft.AspNetCore.Hosting.Internal.WebHost[2] 請求在 21.0984 毫秒內完成 404 信息：Microsoft.AspNetCore.Hosting.Internal.WebHost[1] 請求開始 HTTP/1.1 GET http://localhost:5000/${ workspaceFolder}/NXM_Web_Client/wwwroot/js/login.js
信息：Microsoft.AspNetCore.Hosting.Internal.WebHost[2] 請求在 0.2092 毫秒 404 內完成

所有 CSS 和 JS 文件都會出現相同的消息。 我已經嘗試將文件標記為 static，但這沒有用。

Answer 1

確保您的文件位於保存主 html 文件的同一文件夾中。請在嘗試后告訴我它是否有效。

Answer 2

雖然 URL 中的../表示“轉到路徑的父段”，但您不能在服務器根目錄之上使用 go。

wwwroot是根。

您正在嘗試從/到 go 到/之上的級別（這是不可能的），然后返回到/這使您處於/wwwroot 。

不要那樣做。

要么使用 go 不超過根的相對路徑 ( css/Home.css )，要么使用從根開始的絕對路徑 ( /css/Home.css )。

Visual Studio Code 不會將 CSS 樣式表和 JS 文件添加到 HTML 代碼

問題描述

2 個解決方案

解決方案1
0 2022-03-23 14:21:10

解決方案2
0 2022-03-23 14:35:50

Visual Studio Code 不會將 CSS 樣式表和 JS 文件添加到 HTML 代碼

問題描述

2 個解決方案

解決方案1 0 2022-03-23 14:21:10

解決方案2 0 2022-03-23 14:35:50

解決方案1
0 2022-03-23 14:21:10

解決方案2
0 2022-03-23 14:35:50