首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >VueJS 3全局注册导入

VueJS 3全局注册导入
EN

Stack Overflow用户
提问于 2021-08-16 19:03:20
回答 3查看 378关注 0票数 0

我可能有一个简单的问题,但我真的不知道怎么做。

我想使用Sweetalert2,并在我拥有的每个VueJS组件中全局使用它。因此,在我的app.js中,我有以下内容:

代码语言:javascript
运行
复制
import { createApp, h } from 'vue'
import { createInertiaApp } from '@inertiajs/inertia-vue3'
import { Head, Link } from '@inertiajs/inertia-vue3'
import { InertiaProgress } from '@inertiajs/progress'
import { Swal } from 'sweetalert2'


createInertiaApp({
  resolve: name => require(`./Pages/${name}`),
  setup({ el, App, props, plugin }) {
    createApp({ render: () => h(App, props) })
      .use(plugin)
      .use(Swal)
      .component('Link', Link)
      .component('Head', Head)
      .mount(el)
  },
})

由于某些原因,这仍然会给出这个错误:(Picture)

EN

回答 3

Stack Overflow用户

发布于 2021-08-16 21:17:47

您是否尝试过使用默认导入

代码语言:javascript
运行
复制
import Swal from 'sweetalert2'
票数 1
EN

Stack Overflow用户

发布于 2021-08-16 21:57:00

代码语言:javascript
运行
复制
.component('Swal',require('sweetalert2').default);

为了使任何组件对所有vue组件都可用,您尝试过这种方式吗?

票数 0
EN

Stack Overflow用户

发布于 2021-08-20 17:05:53

尝试安装这个npm包:https://www.npmjs.com/package/vue-sweetalert2它是为vue 2和3制作的

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68808006

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档