web-dev-qa-db-ja.com

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

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;
    },
...

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

7
FailedUnitTest

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

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

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

これを行う:

Blockquote

の代わりに:

enter image description here

4
zahafyou