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 < / strong>文件夹，但它没有拿起我的文件，特别是我的'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

网址可以是绝对的，也可以是相对的。

绝对应从协议值（http：//，https：//，ftp：//等）开始，然后从域名，端口，路径和查询部分开始。 可以从斜杠或任何其他角色开始相对。

如果URL是从斜杠开始的，则假设其值相对于域的根目录。

如果网址是从任何其他字符开始的，则假定其值与当前网址（或标记中的值）相关。

无论如何，价值localhost:3000/manage-user/add对浏览器意味着： ＆＃34;获取当前页面的URL并将此值附加到其末尾＆＃34;。 因此，尝试从http://localhost:3000/localhost:3000/manage-user/add

等内容中提取您的文件

Answer 3

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

CSS

1. 转到您的 body.js。
2. 添加 import '/imports/ui/stylesheets/styles.css'（复制/粘贴此行）

JS - 模板/页面

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