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

Question

因此，我一直在搜索“堆栈溢出”并阅读对类似问题的回答，但是它们根本没有帮助我更好地理解这一点：

我想将这个Sweet Modal Vue软件包（https://sweet-modal-vue.adepto.as/）用于我的Laravel 5.6项目（我正在使用Laravel Homestead设置btw）。通过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>