当前位置: 首页 > 面试题库 >

你如何从React中的cdn / script标签导入一个javascript包?

管和志
2023-03-14
问题内容

我想在React中导入这个javascript包

<script src="https://cdn.dwolla.com/1/dwolla.js"></script>

但是,没有NPM软件包,因此无法这样导入:

import dwolla from 'dwolla'

要么

import dwolla from 'https://cdn.dwolla.com/1/dwolla.js'

所以每当我尝试

dwolla.configure(...)

我收到一条错误消息,说dwolla是未定义的。我该如何解决?

谢谢


问题答案:

转到index.html文件并导入脚本

<script src="https://cdn.dwolla.com/1/dwolla.js"></script>

然后,在导入dwolla的文件中,将其设置为变量

const dwolla = window.dwolla;


 类似资料:
  • 问题内容: 我努力了: 但是会产生错误。如何在文件中导入CDN ? 问题答案: 您没有将CDN内容捆绑在JS内,这违背了将其包含在CDN上的目的:)。如果是JS,我会要求您使用externals,但是对于CSS,您可以使用https://github.com/jso0/html- webpack-cdn-plugin 代替。

  • PHP文件如下: 如何通过正则表达式捕获到script标签中间部分的内容,例如 第三个script标签内容为: 我自己写了的一段正则:/(<script\b[^>]*>)([\s\S]*?)(<\/script>)/gm 这段正则只能匹配script标签属性不插入>的情况,如果script标签属性插入了>就会匹配错误。

  • 非常感谢任何帮助。 编辑:我不敢相信我居然要明确声明我不想复制粘贴它。

  • 问题内容: 我注意到可以这样导入: …或像这样: 第一个导入模块中的所有内容(请参阅:导入整个模块的内容) 第二个仅导入模块导出(请参阅:导入默认值) 似乎这两种方法是不同的,并且根本上是不兼容的。 为什么它们都起作用? 请参考源代码并解释该机制…我有兴趣了解其工作原理。 ES6常规模块信息回答了该问题。 我在问使模块像这样工作的机制。在这里,它似乎与源代码中的 “ hacky”导出机制有关,但尚

  • 问题内容: 实际执行segue没问题,但是当我这样做时,我的选项卡栏从视图底部消失了。我已经从TabBarController1到TabBarController2创建了一个故事图板。 我找到了很多关于Objective-C的答案,但是没有找到Swift的答案。 这是执行segue的代码: 问题答案: 你不想吵架。序列创建目标视图控制器的新实例并显示它。 这就是您的标签栏消失的原因。您将使用2个选

  • 问题内容: 我有一个动态生成的页面,我想在其中使用静态JavaScript,并向其传递JSON字符串作为参数。我已经看到Google使用了这种方法。 但是,我应该如何从JavaScript中读取JSON字符串? 在此JavaScript中,我想使用HTML文档中的JSON参数。我不知道是否最好使用jQuery。 问题答案: 我将脚本声明更改为: 注释类型和ID字段。之后 在所有浏览器中都可以正常工