Meteor 在客户端目录中渲染了多少个 html 文件？答案

【问题标题】：How many html files does Meteor render inside client directory?Meteor 在客户端目录中渲染了多少个 html 文件？
【发布时间】：2019-10-16 13:04:40
【问题描述】：

我在客户端文件夹中有一个 main.html，其中包含许多菜单、页眉、页脚等。我还在其中声明了一个 div 以由组件呈现。

...
 <div id="render-slides"></div>
 ...

还有我的 main.js：

import { Template } from 'meteor/templating';
import { ReactiveVar } from 'meteor/reactive-var';
import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.css';
import 'animate.css/animate.min.css'
import '../imports/css/sidebar.css';
//import './imports/js/nodcast.js';
//import './main.html';

import React from 'react';
import { Meteor } from 'meteor/meteor';
import { render } from 'react-dom';

import '../imports/startup/accounts-config.js';
import App from '../imports/ui/App.js';

Meteor.startup(() => {
  render(<App />, document.getElementById('render-slides'));
});

它渲染了组件中的幻灯片，但我无法单击它们，就好像它们被其他 div 覆盖一样。因此，我将 main.html 完全替换为：

<head>

</head>

<body>
    <div id="render-slides"></div>
</body>

并将我的旧 main.html 重命名为 main2.html。当我运行程序时，它会在 main2.html 中的旧结构（菜单，...）中显示我的渲染幻灯片，我没有点击问题！！！

但是，如果我移动 main2.html 我只有一个包含渲染组件的空白 html 文件。请注意，在两个 html 文件中我都有<div id="render-slides"></div>。所以，我想知道它是如何工作的！它会合并客户端目录中的所有 html 文件并将它们一起呈现吗？！！

【问题讨论】：

标签： javascript html meteor

【解决方案1】：

它会合并客户端目录中的所有 html 文件并将它们一起渲染吗？！！

是的，这是 Meteor 的默认预加载行为。此外，任何名为“main”的东西都是最后加载的，这就是为什么你的旧的“main2.html”文件首先出现，并且它的 id 被首先拾取以在其中呈现你的幻灯片。

Meteor 将使用默认文件加载顺序规则加载应用程序中名为 imports/ 的任何目录之外的所有文件

见https://guide.meteor.com/structure.html#load-order

【讨论】：