如何在 webpackStimulus 框架中使用外部 JS 文件？

问题描述

我有一个 niceSelect.js 文件并在刺激框架中创建了一个控制器：

// test_controller.js

import { Controller } from 'stimulus';
import $ from 'jquery';
import '../niceSelect';

export default class extends Controller {
    connect() {
            $('#id').niceSelect();
    }
}

并使用此元素创建和 html 文件：

<div data-controller="test"><div>

在浏览器中打开页面时，控制台显示此错误：

Error connecting controller

TypeError: jquery__WEBPACK_IMPORTED_MODULE_13___default(...)(...).niceSelect is not a function
    at extended.connect (test_controller.js:63)
    at Context.connect (context.js:21)
    at Module.connectContextForScope (module.js:34)
    at Router.scopeConnected (router.js:92)
    at ScopeObserver.elementMatchedValue (scope_observer.js:41)
    at ValueListObserver.tokenMatched (value_list_observer.js:44)
    at TokenListObserver.tokenMatched (token_list_observer.js:60)
    at token_list_observer.js:53
    at Array.forEach (<anonymous>)
    at TokenListObserver.tokensMatched (token_list_observer.js:53)

我该如何解决这个问题？

注意：我在 Symfony 5 中使用这个框架

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）