找不到变量：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 所说，使用 JavaScript Core 的 iOS 不支持 URLSearchParams，您可以向 React Native 添加一个 polyfill。

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

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

更新（适用于 React Native 0.59）

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

您可以在此处阅读问题：https://github.com/facebook/react-native/issues/23922

我们可以使用whatwg-url 实现和buffer 包代替我使用的polyfill，如下所述：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;

Answer 2

URLSearchParams 在 iOS 中不受支持。 https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams