【问题标题】:Ionic3 import external web hosted javascript libraryIonic3 导入外部网络托管 javascript 库
【发布时间】:2018-03-15 07:42:53
【问题描述】:

我正在尝试基于客户端 html5 Web 项目(即网站)创建 iOS/Android 应用程序,我做到了。 我认为 Ionic 将是理想的选择,它将帮助我尽快移植我的 Web 应用程序。 在我的站点中,我会使用 'script src="https:// ..."' 标签来加载外部库,然后在另一个脚本中调用它 标签。但是,我无法在 Ionic3 中导入和使用它。 我尝试了许多标有“ionic2”的解决方案,但似乎没有任何效果。 似乎也没有人知道一个通​​用的解决方案,因为每个答案都是针对特定情况的。

有人知道导入外部 js 文件并在 ionic3 中使用其对象和“类”的一般方法吗?

(我更喜欢从网络加载,但我也接受从文件下载和加载它。)

(如果 ionic 不是实现我目标的最佳方式,我愿意接受建议)

【问题讨论】:

    标签: javascript angular import ionic3


    【解决方案1】:

    我认为您需要等到发布Ionic 4Stencil

    Ionic 4 和 Stencil 有什么特点?

    神奇的、可重复使用的 Web 组件生成器。

    Stencil 是一种用于构建现代 Web 组件的工具

    Stencil 结合了传统的一些最佳功能 框架,但输出 100% 符合标准的自定义元素,部分 Web 组件规范。

    Stencil 由 Ionic Framework 团队创建,旨在构建更快、更多 强大的移动和网络应用程序。 Stencil 是下一个的基础 生成Ionic Framework,但完全独立于Ionic 或任何其他 UI 框架。

    在这里你可以看到official doc

    关于the power of Ionic 4的精彩视频

    不错article about it

    【讨论】:

    • 用现在的技术没办法做到吗?
    【解决方案2】:

    首先看看这个有用的 ionic resource,它解释了如何使用 npm 添加第三方库。

    如果由于某种原因无法使用 npm,则必须将源 .js 文件放入您的 assets/js 文件夹并使用 <script> 标签将其导入您的 index.html。然后你必须告诉 typescript 你的库存在。这样做是这样的:declar var <library-handle>。如果库已经使用 ES2015 或使用原型公开函数的对象,<library-handle> 可以是导出的函数/类。这是一个棘手的部分,您可能需要尝试一些事情才能让它发挥作用。

    您可以查看我的回答 hereherehere,其中我解释了如何将不同的第三方库添加到 ionic 项目中。

    【讨论】:

      猜你喜欢
      • 2017-07-07
      • 2023-04-01
      • 2015-01-17
      • 2014-10-26
      • 1970-01-01
      • 2021-10-17
      • 2021-05-06
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多