エクスポート 'AddPlaceModal'が '〜/ components /AddPlaceModal.vue'に見つかりませんでした

Question

Vueにnuxtを使い始めたところです。/componentsフォルダーにコンポーネントを追加し、それを自分のページの1つで使用しようとしています。

残念ながら、コンパイル時に次の警告が表示されます。

"export 'AddPlaceModal' was not found in '~/components/AddPlaceModal.vue'

私はそれを次の方法で使用しようとしています：

<script>
import {mapActions, mapGetters} from 'vuex';
import {AddPlaceModal} from '~/components/AddPlaceModal.vue'; 

export default {
    components: {
        'add-place-modal': AddPlaceModal
    },
...

コンポーネント自体は次のようになります。

<script>
export default {
    data() {
        googleLocation: null;
    },
...

なぜそうなるのか、何か考えはありますか？

Answer 1

名前付きエクスポートではなく、デフォルトのエクスポートからインポートする必要があります

import AddPlaceModal from '~/components/AddPlaceModal.vue';

Answer 2

中括弧を削除する必要があります

これを行う：

の代わりに：