在离子3

Question

我试图将外部JavaScript文件（使用jQuery）导入到我的离子3项目中。

要安装jQuery ，根据this回答，我跑了：

npm install jquery --save

然后我可以看到jQuery正在通过在我的应用程序的第一页$(document).ready内执行一些代码来工作（它可以工作）。

现在我需要包含对我的外部jQuery库的引用，我已经在src/index.html中完成了：

<script src="assets/js/myLibrary.js"></script>

myLibrary.js使用jQuery：

(function($, window, document) { 
...
})(jQuery, window, document);

但遗憾的是，我从库文件中收到jQuery is not defined错误。

我不确定jQuery还没有准备就绪或其他什么，我尝试将defer属性添加到脚本导入但没有运气。 有什么想法吗？

Answer 1

你可以在你的html文件中执行此操作。请注意，只有当你有wifi时才能这样做。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 2

我最终把jquery放在src/assets/jquery.min.js中，然后在index.html中我在我想要使用的jQuery依赖库之前添加了一个脚本引用：

<script src="assets/jquery.min.js" defer></script>
<script src="assets/js/myLibrary.js" defer></script

我不确定这是否是在离子中执行此操作的正确方法，我不确定是否重复导入jQuery [我已经通过npm install jquery --save导入了它。）

无论如何它是有效的 - 对于任何在将来看这个帖子的人来说都是。