React 如何引入外部 Js 文件？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2715 天前的主题，其中的信息可能已经有所发展或是发生改变。

我想引入阿里云 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

请问要怎么才能使用？

OSS

script

引入

defined

6 条回复 • 2017-07-20 11:54:44 +08:00

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 via Android

eslint 的规则里把 OSS 申明成 global 就好了

66beta

2017-07-20 11:54:44 +08:00

同楼上 /* global OSS */