Webpacker在文件javascript/packs/application.js中未检测到导入的函数

我在dashboard.js文件中有这个函数

var Dashboard = function(){

 return {
   init: function(){
     console.log("Hi from Dashboard with webpacker")
   }
 }
}();

使用webpacker，我将作为文件javascript/packs/application.js导入

import '../src/api/dashboard.js';

但是当我想在如下视图中使用init函数时

<script type="text/javascript">
  $(document).ready(function() {
    Dashboard.init();
  });
</script>

---

提前感谢。

我知道你在5个月前问过这个问题，而我还不是JS专家，所以这可能不是最佳（也不是最干净）的解决方案。但无论如何，我也遇到了同样的问题，下面是我如何应对的

在添加Webpacker之前，此功能是通过单击按钮触发的（并且工作正常）：

但是在添加Webpacker之后，我得到了

未捕获的引用错误

，就像你一样。现在看起来是这样的：

window.validateFile = function(inputFile) {
  ..
}

它就像一个符咒

---

希望这对你有帮助，如果没有，那么其他人：）

你解决了这个问题吗？

import Dashboard from '../src/api/dashboard.js';

function validateFile(inputFile) {
  ..
}

window.validateFile = function(inputFile) {
  ..
}