Не удается импортировать скомпилированный HTML-код Blaze по относительному пути

Question

В моей папке шаблонов у меня есть один файл JS, где я пытаюсь import "./start_page.html", Метеор вылетает и выдает следующую ошибку: Не удается найти модуль ./start_page.html даже если HTML-файл находится в том же каталоге.

Код в start_page.js работает только если он в client/main.js, Я думаю, что проблема может быть в Router.js код или client/main.js, Я пытался импортировать start_page.js в других файлах, чтобы увидеть, исчезнет ли ошибка, но не повезло.

start_page.html:

 <template name="start_page">
    <div class="row text-center">
        <div class="col-md-6">
         <button class="btn btn-primary btn-lg schedule">Test 1</button>
        </div>
        <div class="col-md-6">
            <button class="btn btn-primary btn-lg status">Test 2</button>
        </div>
    </div>
</template>

start_page.js:

import { Template } from 'meteor/templating';
import './start_page.html';
Template.start_page.events({
    'click .schedule'(event){
        alert("test");
    },
});

Router.js:

FlowRouter.route('/', {
    name: "index",
    action: function() {
    console.log('start page');
    BlazeLayout.render("mainLayout", {content: "start_page"});
    }
});


// for the / page
FlowRouter.route('/', {
    name: "index",
    action: function() {
    console.log('guest home route');
    BlazeLayout.render("mainLayout", {content: "guest_home"});
    }
});

Моя структура каталогов в настоящее время выглядит так:

client/
  main.css
  main.html
  main.js
  routes.js
server/
  main.js
shared/
 shared.js
templates/
  start_page.html
  start_page.js
  template.html
  template2.html
  template3.html