Meteor 在客戶端目錄中呈現多少個 html 文件？

Question

我在客戶端文件夾中有一個 main.html，其中包含許多菜單、header、頁腳等。我還在其中聲明了一個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 文件合並到客戶端目錄中並將它們一起渲染？！！

Answer 1

它是否將所有 html 文件合並到客戶端目錄中並將它們一起渲染？！！

是的，這是 Meteor 的默認急切加載行為。 此外，最后加載任何名為“main”的內容，這就是為什么您的舊“main2.html”文件首先出現的原因，並且它的 id 首先被拾取以在其中呈現您的幻燈片。

Meteor 將使用默認文件加載順序規則加載應用程序中任何名為imports/的目錄之外的所有文件

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

Meteor 在客戶端目錄中呈現多少個 html 文件？

問題描述

1 個解決方案

解決方案1
0 2019-10-16 02:07:56

Meteor 在客戶端目錄中呈現多少個 html 文件？

問題描述

1 個解決方案

解決方案1 0 2019-10-16 02:07:56

解決方案1
0 2019-10-16 02:07:56