Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

108
Visualizações
¿Esbuild con ReactJS.NET?

TL; DR ¿Cómo puedo usar esbuild conReactJS.NET ?


Versión larga

ReactJS.NET espera lo siguiente de un "paquete":

 React.Exceptions.ReactNotInitialisedException: 'React has not been loaded correctly: missing (React, ReactDOM, ReactDOMServer). Please expose your version of React as global variables named 'React', 'ReactDOM', and 'ReactDOMServer'

Lo que realmente hace Webpack nunca está muy claro para mí, pero mirando el tutorial de ReactJS.NET Webpackaquí , esta es la configuración:

 import React from 'react'; import ReactDOM from 'react-dom'; import ReactDOMServer from 'react-dom/server'; import RootComponent from './home.jsx'; global.React = React; global.ReactDOM = ReactDOM; global.ReactDOMServer = ReactDOMServer; global.Components = { RootComponent };

Además, en el ejemplo de webpack-config aquí , hay esta configuración de salida:

 { [...] globalObject: 'this', }

Duplicar esto en esbuild sería usar iife y esbuild.globalName = 'this' , pero arroja un error:

 > (global name):1:0: error: Expected identifier but found "this" 1 │ this

Esbuild es bastante severo en cuanto a que es un paquete (no un transpilador y concatenador), entonces, ¿cómo modificaría Esbuild para que el paquete mute el objeto global a lo que espera React.NET? - ¿Y es posible?

Gracias, Fleming

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Encontré una solución.

 import { build } from 'esbuild' const globalName = 'whatever' build({ [...] format: 'iife', globalName, footer: { // Important! Assigns the raw export of the bundle to whatever `this` is in the given context js: `Object.assign(this, ${globalName})`, }, })
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda