在 Laravel 5.6 中安装和使用 Sweet Modal Vue npm 包

Question

所以我一直在搜索 Stack Overflow 并阅读对类似问题的回复，但它们根本没有帮助我更好地理解这一点：

我想在我的 Laravel 5.6 项目中使用这个 Sweet Modal Vue 包 (https://sweet-modal-vue.adepto.as/)（顺便说一句，我正在使用 Laravel Homestead 设置）。通过 npm 安装它，它包含在我的 node_modules 文件夹中。

现在我正在尝试在我的项目中使用它。我尝试按照文档上的说明进行操作，但无济于事，之后我尝试使用

window.SweetModalVue = require('sweet-modal-vue');

首先在 app.js 文件中然后尝试我尝试在 bootstrap.js 文件中使用它。在我编译并尝试插入之后

<sweet-modal>Well Hello There</sweet-modal>

在我的刀片模板代码中，我不断收到一条错误消息

ReferenceError: SweetModal 未定义

我根本没有看到任何关于这个过程如何在 Laravel 5.6 上工作的教程（文章或视频教程）。谁能告诉我我做错了什么？

Answer 1

您可以全局安装组件

const SweetModal = require('sweet-modal-vue/plugin.js').default
Vue.use(SweetModal)

然后在你的代码中

<sweet-modal>Well Hello There</sweet-modal>