web-dev-qa-db-ja.com

エクスポートのデフォルトが見つかりませんでした

Vue 2プロジェクトがあり、日付の月を変換するための簡単な関数を作成しました。これをコンポーネントの1つにインポートしたいのですが、エラーが発生しています。

エクスポート 'default'（ 'translateDate'としてインポート）が '@/utils/date-translation'で見つかりませんでした

Srcフォルダーからの相対ファイルパスは正しく、次のような関数をエクスポートしています。

export function translateDate(date) {
  // my code
}

そして、私はこれを次のようなコンポーネントにインポートしています：

import translateDate from '@/utils/date-translation'

私は何を間違えていますか？

javascriptimportmoduleecmascript-6vue.js
30
Leff

defaultを明示的に指定する必要があります。

export default function translateDate(date) {
   ..
}
29
Danil Speransky

上記のdefaultを指定するか、同じファイルから複数のアイテムをエクスポートしようとしている場合は、中括弧でインポートする必要があります。

だからあなたは次のようになります：

export function doWork(){}
export const myVariable = true;

そして、次のように別のファイルにインポートします：

import { doWork, myVariable} from "./myES6Module"
16
Alex D