React 如何引入外部 Js 文件？

2017-07-20 10:23:54 +08:00
 lion9527

我想引入阿里云 oss 的 sdk，在 index.html 的 <head> 里引入了：

<script src="//gosspublic.alicdn.com/aliyun-oss-sdk.min.js"></script>

然后在 component 里这样使用：

const client = new OSS.Wrapper({
  region: 'oss-cn-hongkong',
  accessKeyId: '<access-key-id>',
  accessKeySecret: '<access-key-secret>',
  bucket: 'o-image-test'
})

编译的时候就报错了: 'OSS' is not defined no-undef

请问要怎么才能使用？

15339 次点击
所在节点    问与答
6 条回复
Raincal
2017-07-20 10:46:25 +08:00
这是 ESLint 的报错，可以在上面加句 // eslint-disable-next-line
mooncakejs
2017-07-20 10:52:41 +08:00
真正解决方案是，在 webpack 里加一个 externals
lion9527
2017-07-20 11:01:29 +08:00
@Raincal
谢谢，用这个方式解决了。

@mooncakejs
我没有用到 webpack, 直接用的 create-react-app.
hronro
2017-07-20 11:28:34 +08:00
@lion9527 create-react-app 就是基于 webpack 和 eslint 的
crysislinux
2017-07-20 11:30:48 +08:00
eslint 的规则里把 OSS 申明成 global 就好了
66beta
2017-07-20 11:54:44 +08:00
同楼上 /* global OSS */

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/376603

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX