Meteor 不加載外部 CSS 和 JS 文件

Question

我正在嘗試在 Meteor 中加載我的樣式表和 js 文件。 我有一個 index.html 文件。 這是我一開始的做法：

<link href="assets/plugins/boostrapv3/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/animate.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/jquery-scrollbar/jquery.scrollbar.css" rel="stylesheet" type="text/css"/>

有很多樣式表文件和腳本文件。 這工作正常，但如果我寫了一個像：'localhost:3000/manage-user/add'這樣的網址，一切都停止了。 我已經閱讀了很多答案，他們提到我需要創建一個lib文件夾，並且在該文件夾中，我需要創建一個css和一個js文件夾，但它沒有獲取我的文件，尤其是我的“style.css”文件它覆蓋了 bootstrap 和所有樣式的樣式。

Answer 1

assets 文件夾應該在 /public 文件夾內，然后嘗試將 / 添加到 href 值的開頭。

<link href="/assets/plugins/boostrapv3/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="/assets/css/animate.min.css" rel="stylesheet" type="text/css"/>
<link href="/assets/plugins/jquery-scrollbar/jquery.scrollbar.css" rel="stylesheet" type="text/css"/>

Answer 2

URL 可以是絕對的和相對的。

Absolute 應該從協議值（http://、https://、ftp:// 等）開始，然后是域名、端口、路徑和查詢部分。 相對可以從斜杠或任何其他字符開始。

如果 URL 從斜杠開始，則假定其值相對於域的根。

如果 URL 從任何其他字符開始，則假定它的值相對於當前 URL（或標記中的值）。

無論如何，值localhost:3000/manage-user/add意味着瀏覽器：“獲取當前頁面的 URL 並將此值附加到其末尾”。 所以你的文件試圖從http://localhost:3000/localhost:3000/manage-user/add

Answer 3

要將您的styles.css 和/或您的模板/組件正確添加到您的應用程序，您必須將它們注冊/添加為body.js 的導入路徑。

CSS

1. 轉到您的 body.js。
2. 添加import '/imports/ui/stylesheets/styles.css' （復制/粘貼這一行）

JS - 模板/頁面

1. 轉到 layouts 文件夾中的 body.js。
2. 添加import '/imports/ui/pages/[yourDirName]/[yourFileName].js'; （復制/粘貼這一行）

獎勵內容！

JS - 要導入 html 模板的組件（可選）

1. 轉到您的頁面文件夾。
2. 選擇正確的目錄。
3. 選擇正在導入您的 html 模板文件的 js 文件。
4. 將組件導入到 js 文件中。
5. 導入'../../components/[yourDirName]/[yourFileName].js;

示例import '../../components/hello/hello.js';