Meteor 未加载外部 CSS 和 JS 文件

Question

我正在尝试在Meteor中加载我的样式表和js文件。我有一个索引.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"这样的URL，一切都停止了。我已经阅读了很多答案，他们提到我需要创建一个 lib 文件夹，在该文件夹中，我需要创建一个 css 和一个 js 文件夹，但它没有拾取我的文件，尤其是我的"style.css"文件，它覆盖了引导程序的样式和所有。

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 可以是绝对的和相对的。

绝对应该从协议值(http://、https://、ftp://等(开始，然后是域名、端口、路径和查询部分。相对可以从斜杠或任何其他字符开始。

如果 URL 从斜杠开始，则假定其值相对于域的根

。

如果 URL 是从任何其他字符开始的，则假定其值相对于当前 URL(或标记中的值(。

无论如何，浏览器的值localhost:3000/manage-user/add意味着："获取当前页面的 URL 并将此值附加到其末尾"。因此，您的文件尝试从类似http://localhost:3000/localhost:3000/manage-user/add

Answer 3

若要将样式.css和/或模板/组件正确添加到应用中，必须将它们注册/添加为正文.js的导入路径。

.CSS

1. 去你的身体.js。
2. 添加import '/imports/ui/stylesheets/styles.css'(复制/粘贴此行(

JS - 模板/页面

1. 转到布局文件夹中的正文.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';