アレイをes6モジュールとしてエクスポート

Question

何らかの理由で、es6モジュールとしてエクスポートされたアレイを使用できません。

export const choices = [
  ['first', 'First'],
  ['second', 'Second'],
  ['third', 'Third'],
]

次に：

import { choices } from './constants'
console.log(choices) // undefined

使用しようとしているのと同じファイルでconstを宣言するだけで、期待どおりに機能します。

Answer 1

ブラウザコンテキストのモジュールは、拡張子を含む相対URLを使用します。したがって、インポートはfrom './constants.js'だけでなくfrom './constants'にする必要があります。 （ただし、Node.jsでは、現在実験的なモジュールがサポートされているため、後者で問題ありません。）