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

组件本身看起来像:

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

你知道为什么吗?

推荐答案

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

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

Vue.js相关问答推荐

Vuetify/Vue3 插槽模板之间的阴影

如果似乎没有明确使用输入事件,那么发出输入事件有什么作用?

使用 Vue.js 清除数组内容和react性问题

如果找不到路由,Vue.js如何重定向到公共路由

如何使用 vue.js 和 vue 路由实现当前路由的子菜单的子菜单

Vue:根元素内容和内容分发槽

如何将 vuejs 项目部署到 heroku

在按键 vuejs 中只允许数字和一个小数点后 2 位限制

带有 vue.js 的 img 网址

此 set-cookie 已被阻止,因为它具有 samesite=lax

Vue devServer 代理没有帮助,我仍然收到 CORS 错误

VueJS错误编译模板

错误:Node Sass 尚不支持您当前的环境:Linux 64-bit with Unsupported runtime (88)

如何使用 JavaScript 按索引删除数组元素?

执行调度程序刷新期间未处理的错误,这可能是一个 Vue 内部错误

如何从组件内的单点捕获 vuejs 错误

Vue.js 单向绑定表单

emit更新数组不起作用

在 Vue 应用程序中创建一个类的单个实例

Vue v-model 不响应 BS4 单选按钮组