在'〜/ components / AddPlaceModal.vue'中找不到导出'AddPlaceModal'

Question

我刚刚开始将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;
    },
...

为什么会这样？

Answer 1

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

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

Answer 2

您必须删除大括号

执行以下操作：

  

代替：