在“~/components/AddPlaceModal.vue”中找不到导出 'AddPlaceModal'

Question

我刚开始使用 nuxt for 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

你必须去掉大括号

这样做：

而不是：

在“~/components/AddPlaceModal.vue”中找不到导出 'AddPlaceModal'

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

javascript

vue.js

nuxt.js