javascript - 找不到变量 : URLSearchParams

Question

在 React Native 中，我想做一个 URLSearchParams 的抽象，所以我写了这个类:

export class HttpSearchParamsAdapter extends URLSearchParams implements HttpSearchParams {

constructor() {
    super();
}

set(param: string, val: string): void {
    super.set(param, val);
    }
}

但是当我构建应用程序时，我有这个错误:找不到变量:URLSearchParams。我使用 es6 的 URLSearchParams。

Answer 1

正如 mrgoos 所说，URLSearchParams在使用 JavaScript Core 的 iOS 中不受支持，您可以向 React Native 添加一个 polyfill。

例如，我在使用 wretch 时遇到了问题。 ，所以我在全局范围内使用了这个 polyfill:url-search-params-polyfill

// index.js
import 'url-search-params-polyfill';

更新(针对 React Native 0.59)

在 React Native 0.59 中，开发人员“实现”了 URLSearchParams 的一些方法与 throw new Error('not implemented');所以......它悲惨地失败了。

你可以在这里阅读问题: https://github.com/facebook/react-native/issues/23922

代替我使用的 polyfill，我们可以使用 whatwg-url实现和 buffer此处解释的包: https://github.com/facebook/react-native/issues/23922#issuecomment-476070032

// index.js
import { URL, URLSearchParams } from 'whatwg-url';
import { Buffer } from 'buffer';

// react-native 0.59 added its own global URLSearchParams without implementation...
// https://github.com/facebook/react-native/blob/e6057095adfdc77ccbbff1c97b1e86b06dae340b/Libraries/Blob/URL.js#L66
// Issue: https://github.com/facebook/react-native/issues/23922
global.Buffer = Buffer;
global.URL = URL;
global.URLSearchParams = URLSearchParams;