我正在开发一个由两个系统组成的全堆栈应用程序，一个带有打印机，另一个远程托管处理基于Web的“老虎机”风格的应用程序，该应用程序提供要在另一个系统上打印的字符串。

我已经基于Python创建了通信和打印机连接组件。我阅读了web部件的主题，并意识到最好的方法可能是使用nginx向访问者提供页面。最初，我曾考虑过直接使用django（而不是flask)，但由于并发性可能太大，而且从服务器端更新页面可能会导致速度减慢甚至崩溃，所以我认为最好使用某种基于javascript的实现。我的大部分经验都是在javascript之外的，所以这里有很大的障碍，尽管如此，我发现Vue.js看起来相当直观。我发现了一个slot-machine符合我50%的需求，即description.

我想在网页上做的很简单：老虎机在页面负载上滚动，人按下一个按钮，它就停止了。它停止的位置被发送到后端和随后的处理似乎不是我遥不可及的。与此时的网页不同。

可跳过到第二次编辑

根据自述文件，我在系统上创建了一个npm环境，安装了vue并安装了包。然而，不管我如何加载它，在哪里加载它，vue都无法找到它。

我尝试在index.html的正文中添加:

<script src="https://raw.githubusercontent.com/josex2r/jQuery-SlotMachine/master/dist/jquery.slotmachine.js"></script>

在app.vue中，我尝试用以下各种不同的方式将它加载到脚本部分中:

<script src="https://raw.githubusercontent.com/josex2r/jQuery-SlotMachine/master/dist/jquery.slotmachine.js"></script>

没有任何结果。甚至在导出组件上也没有:

<script src="https://raw.githubusercontent.com/josex2r/jQuery-SlotMachine/master/dist/jquery.slotmachine.js"></script>

有什么想法/帮助吗？

提前谢谢！

#编辑:

<script src="https://raw.githubusercontent.com/josex2r/jQuery-SlotMachine/master/dist/jquery.slotmachine.js"></script>

在StackOverflow上写入时出现错别字。问题仍然适用。

#编辑:

所以我发现rawgithub没有提供数据，或者更好的是提供了一个空文件（头问题？），不管怎样，我在线托管了这个文件（私有云），并再次尝试在返回中发现了一个问题的新源。我意识到这个构建可能有问题，所以我回到了一个旧的版本，该版本在运行测试时取得了成功。我下载了所有这些lib文件，将它们放在components文件夹中，并使用“import SlotMachine from”。/components/SlotMachine.js“使该文件显示在浏览器控制台的network选项卡中。

解决了这个问题，我的新问题与类开始时的这一行有关，这是通过浏览器控制台检测到的。

<script src="https://raw.githubusercontent.com/josex2r/jQuery-SlotMachine/master/dist/jquery.slotmachine.js"></script>

我的页面有以下脚本:

<script src="https://raw.githubusercontent.com/josex2r/jQuery-SlotMachine/master/dist/jquery.slotmachine.js"></script>

:

<script src="https://raw.githubusercontent.com/josex2r/jQuery-SlotMachine/master/dist/jquery.slotmachine.js"></script>

类似于示例。但是，这样元素#machine就不会传递给类，从而导致this.tiles[]元素出现错误，因为元素是none

文档没有完全加载，因此querySelector找不到元素吗？

提前谢谢！

顺晟科技：

从此更改脚本标记: