React 如何引入外部 Js 文件？

This topic created in 3229 days ago, the information mentioned may be changed or developed.

我想引入阿里云 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 replies • 2017-07-20 11:54:44 +08:00

Raincal

Jul 20, 2017

这是 ESLint 的报错，可以在上面加句 // eslint-disable-next-line

mooncakejs

Jul 20, 2017

真正解决方案是，在 webpack 里加一个 externals

lion9527

Jul 20, 2017

@Raincal
谢谢，用这个方式解决了。

@mooncakejs
我没有用到 webpack, 直接用的 create-react-app.

hronro

Jul 20, 2017

@lion9527 create-react-app 就是基于 webpack 和 eslint 的

crysislinux

Jul 20, 2017 via Android

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

66beta

Jul 20, 2017

同楼上 /* global OSS */