在没有JavaScript捆绑程序的情况下导入ES6

Question

我想在JS，CSS中创建轮播小部件，而不使用捆绑程序或Node js。

在carousel.js中

import { CarouselTemplate } from './template'
//This import is not working

class Carousel {
  constructor() {
    this.init()
  }

  init()
}

window.Carousel = Carousel;

在template.js中的同一文件夹中

export class CarouselTemplate {
  constructor() {
    this.template = `
      <div id="carousel" class="carousel"></div>`
  }
}

在index.html中，我将carousel.js用作

<script src="carousel.js" type="module"></script>

因为，我将carousel.js作为模块导入，所以它不应该能够导入其他文件。我收到一条错误消息，提示无法获取/ template。