reactjs requirejs

reactjs - requerir no está definido



requirejs (1)

Está intentando usar un módulo CommonJS desde su navegador. Esto no funcionará

¿Cómo los estás usando? Cuando escribe import ... from ... en ES6, Babel transporta estas llamadas a una definición de módulo llamada CommonJS y, dado que CommonJS no está presente en el navegador, obtendrá un error indefinido de require() .

Además, también está intentando cargar RequireJS, que utiliza un patrón de definición de módulo diferente llamado AMD, definición de módulo asíncrono, y no se ocupará de las llamadas require para usted. Puede envolverlos en llamadas específicas de RequireJS.

Si desea utilizar módulos CommonJS en su base de códigos, primero debe agruparlos con Browserify o con el paquete webpack . Las dos herramientas transformarán tus llamadas require a un poco de magia adhesiva que puedes usar dentro del navegador.

Pero en su caso específico, si elimina las llamadas de import y solo deja que el navegador se encargue de adjuntar las clases que ha creado al objeto de la window su código debería funcionar.

Im construyendo una nueva aplicación React pero obtengo el siguiente error: "requerir no está definido"

hello-world.html

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React!</title> <script src="react/react.js"></script> <script src="react/react-dom.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> </head> <body> <div id="example"></div> <script type="text/babel" src="hello-world.js"> </body> </html>

hello-world.js

import React from ''react''; import ReactDOM from ''react-dom''; import App from ''./App.jsx''; ReactDOM.render( <App />, document.getElementById(''example'') );

App.jsx

import React from ''react''; class App extends React.Component { render() { return ( <div> Hello World!!! </div> ); } } export default App;

Estoy ejecutando esto desde mi cliente y no tengo ningún servidor web ejecutándose.

Traté de incluir http://requirejs.org/docs/release/2.2.0/minified/require.js pero da un error totalmente diferente.