在 Elixir/Phoenix 中，出现 Uncaught SyntaxError: The requested module '/js/hi.js' does not provide an export named 'hiya'答案

【问题标题】：In Elixir/Phoenix, getting Uncaught SyntaxError: The requested module '/js/hi.js' does not provide an export named 'hiya'在 Elixir/Phoenix 中，出现 Uncaught SyntaxError: The requested module '/js/hi.js' does not provide an export named 'hiya'
【发布时间】：2021-02-24 04:10:33
【问题描述】：

在我的 Elixir/Phoenix 应用程序中，我添加了一个名为 assets/js/hi.js 的文件，其中包含以下内容：

export function hiya() {
    console.log('hiya from hi.js');
}

我更新了 webpack.config.js 以包含以下内容：

    entry: {
      'app': glob.sync('./vendor/**/*.js').concat(['./js/app.js']),
...
      'hi': ['./js/hi.js']
    },

在我的模板中，我有以下代码：

  <script type="module">
    import { hiya } from "/js/hi.js";
...
  </script>

当我加载页面时，控制台中出现以下错误：

Uncaught SyntaxError: The requested module '/js/hi.js' does not provide an export named 'hiya'

我怎样才能让导入工作？

【问题讨论】：

标签： webpack elixir phoenix-framework

【解决方案1】：

我通过从 webpack.config.js 中删除 'hi' 条目，将 hi.js 放入 assets/static/js 并重新启动 Phoenix 服务器来使其工作。这使得 /js/hi.js 路径返回 hi.js 的文字内容，而无需从 webpack 进行任何修改。显然是这些修改导致了问题。

【讨论】：