NuxtJS:在 mixin 中导入组件时出现问题
P粉267791326
P粉267791326 2024-03-31 20:49:22
[Vue.js讨论组]

我的堆栈是NuxtjsNuxt-property-decorator

我做了一个 mixin 以避免重复方法

该方法需要一个组件(警报组件)

所以,我在 mixin 中导入了该组件

但是我导入组件时出错

注意:我确信导入地址是真实的

mixin/logOut.ts 从 'vue' 导入 Vue

import { Component } from 'nuxt-property-decorator'
import AppAlert from '~/components/Common/AppAlert'
@Component
export class LogOut extends Vue {
  async LogOut() {
    const confirm = await this.$dialog.show({
      component: AppAlert,
      props: {
        title: { text: 'Exit ?', icon: 'exclamation-thick' },
        body: 'Exit Connector ?',
        btn: { text: 'Confirm', icon: 'power', color: 'error' }
      }
    })
    
    if (confirm) {
      this.$auth.logout()
    }
  }
}

错误文本是:

Cannot find module '~/components/Common/AppAlert' or its corresponding type declarations.ts(2307)

P粉267791326
P粉267791326

全部回复(1)
P粉321676640

我从此链接找到了答案。

我添加了

vue-shims.d.ts

declare module "*.vue" {
  import Vue from 'vue'
  export default Vue
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号