javascript - 在 'AddPlaceModal'中找不到export '~/components/AddPlaceModal.vue'

我刚刚开始将nuxt用于vue。我在/ components文件夹中添加了一个组件，并且试图在我的页面之一中使用它。

不幸的是，编译时我得到了这个警告:

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

任何想法为什么会这样？

最佳答案

您需要从默认导出导入，而不是命名导出

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