Javascript 出口'；AddPlaceModal'；在'~/components/AddPlaceModal.vue'；

我刚开始在vue中使用nuxt。我在/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
    },
...

从“vuex”导入{mapActions，mapGetter}；
从“~/components/AddPlaceModal.vue”导入{AddPlaceModal}；
导出默认值{
组成部分：{
“添加位置模式”：添加位置模式
},
...

组件本身看起来像：

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

导出默认值{
数据（）{
googleLocation:null；
},
...

---

知道为什么会这样吗？

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

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

---

您必须删除花括号

这样做：

而不是：

---

是的，谢谢。如果有人对卷发牙套的意思感兴趣，请打开。非常感谢。我已经习惯了，所以不明白为什么它不起作用