Compatibilidad con navegadores antiguos

Reactive Data Client está diseñado para funcionar de inmediato con la mayoría de las herramientas.

Si ves Uncaught TypeError: Class constructor Resource cannot be invoked without 'new', lo más probable es que se deba a que apuntas a la compatibilidad con Internet Explorer mediante una configuración personalizada de webpack. Esto ocurrirá incluso con un navegador moderno, siempre que tu objetivo (normalmente definido con browserslist) incluya navegadores antiguos como Internet Explorer.

En ese caso, sigue las instrucciones de abajo para asegurar la compatibilidad.

Transpilar paquetes

Agregar webpack-plugin-modern-npm garantizará la compatibilidad de todos los paquetes instalados con navegadores antiguos.

NPM

yarn add --dev webpack-plugin-modern-npm

Yarn

npm install --saveDev  webpack-plugin-modern-npm

pnpm

pnpm add -D webpack-plugin-modern-npm

esm.sh

<script type="module">
  import * from 'https://esm.sh/webpack-plugin-modern-npm?dev';
</script>

Luego instala el plugin agregándolo a la configuración de webpack.

webpack.config.js

const ModernNpmPlugin = require('webpack-plugin-modern-npm');

module.exports = {
  plugins: [
    new ModernNpmPlugin()
  ]
};

Polyfills

Usa el polyfill de CRA o sigue las instrucciones de abajo.

NPM

yarn add core-js whatwg-fetch

Yarn

npm install --save core-js whatwg-fetch

pnpm

pnpm add core-js whatwg-fetch

esm.sh

<script type="module">
  import * from 'https://esm.sh/core-js';
  import * from 'https://esm.sh/whatwg-fetch';
</script>

index.tsx

import 'core-js/stable';
import 'whatwg-fetch';
// place the above line at top