Javascript 在模块中导入jQuery插件_Javascript_Jquery_Phoenix Framework_Brunch_Off Canvas Menu

Javascript 在模块中导入jQuery插件

javascript jquery

Javascript 在模块中导入jQuery插件,javascript,jquery,phoenix-framework,brunch,off-canvas-menu,Javascript,Jquery,Phoenix Framework,Brunch,Off Canvas Menu,我正在尝试使用npm导入jQuery插件（js offcanvas），但我一直收到相同的错误： app.js:20: Uncaught TypeError: $(...).offcanvas is not a function app.js文件： import offcanvas from "js-offcanvas" $('#off-canvas').offcanvas({ // options }); $( function(){ $(document).trigger("enh

我正在尝试使用npm导入jQuery插件（js offcanvas），但我一直收到相同的错误：

app.js:20: Uncaught TypeError: $(...).offcanvas is not a function

app.js文件：

import offcanvas from "js-offcanvas"

$('#off-canvas').offcanvas({
  // options
});
$( function(){
  $(document).trigger("enhance");
});

html文件：

<body>
  <div class="c-offcanvas-content-wrap">
    ...
    <a href="#off-canvas" data-offcanvas-trigger="off-canvas">Menu</a>
    ...
  </div>
  <aside id="off-canvas"></aside>
</body>

尝试以下npm.static：

npm: {
  static: ['node_modules/${plugin-name}/${js-path}']
}

这将把选定的文件包括到合并的文件中。更多关于这方面的信息，请参阅

static:Array：npm包中的javascript文件列表，按原样包含，不分析它们的依赖关系或将它们包装到模块中

你导入jquery了吗？是的，我更新了问题以显示brunch-config.js文件我真的很想帮你，但我想不出来。但是可以肯定的是，您不能像这样或以其他方式导入插件，因为插件不支持它。它只能通过全球空间工作。在我看来，就不提了

npm: {
  static: ['node_modules/${plugin-name}/${js-path}']
}