如果没有“new”，则无法调用类构造函数 Controller错误刺激 +网页包

Question

我有一个项目，我试图安装刺激和 刺激顺风组件

我添加了 webpack 和webpack 配置文件：

// Webpack uses this to work with directories
const path = require('path');

// This is the main configuration object.
// Here, you write different options and tell Webpack what to do
module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env']
          }
        }
      }
    ],
  },
  // Path to your entry point. From this file Webpack will begin its work
  entry: './src/js/index.js',

  // Path and filename of your result bundle.
  // Webpack will bundle all JavaScript into this file
  output: {
    path: path.resolve(__dirname, 'dist'),
    publicPath: '',
    filename: 'bundle.js'
  },

  // Default mode for Webpack is production.
  // Depending on mode Webpack will apply different things
  // on the final bundle. For now, we don't need production's JavaScript
  // minifying and other things, so let's set mode to development
  mode: 'development'
};

据我了解，使用 babel 应该将我的 es6 js 转换为浏览器兼容的 js。

然后在 src/index.js 中我有刺激代码：

// Start StimulusJS

import { Application } from "@hotwired/stimulus"

const application = Application.start();

// Import and register all TailwindCSS Components
import { Alert, Autosave, Dropdown, Modal, Tabs, Popover, Toggle, Slideover } from "tailwindcss-stimulus-components"
application.register('alert', Alert)
application.register('autosave', Autosave)
application.register('dropdown', Dropdown)
application.register('modal', Modal)
application.register('tabs', Tabs)
application.register('popover', Popover)
application.register('toggle', Toggle)
application.register('slideover', Slideover)

并在 html 文件中我需要我的 bundle.js ：

<script src="../dist/bundle.js"></script>

但是我不断收到此错误：

未捕获（承诺中）类型错误：类构造函数控制器不能 在没有“new”的情况下调用 从 tailwindcss-stimulus-components.module.js:12

这是项目的链接

有什么问题吗我的网页包设置？我该如何修复这个错误？