Estoy usando VSCode en Windows. Configuré una aplicación ElectronJS repetitiva y quiero usar React para la interfaz de usuario. Tengo main.js , index.html , preload.js y renderer.js .
He instalado estos y otros paquetes (como babel ) a través npm . Veo reaccionar y otros paquetes en node_modules/ sin embargo, no puedo averiguar cómo importar React.
Aquí está la estructura de mi proyecto.
node_modules/ .gitignore index.html main.js preload.js renderer.js En mi archivo renderer.js he hecho lo que veo que otras personas demuestran:
import React from 'react'; import ReactDOM from 'react-dom';En la consola de desarrollador de la aplicación Electron, veo: TypeError no detectado: no se pudo resolver el especificador de módulo "reaccionar". Las referencias relativas deben comenzar con "/", "./" o "../".
Así que he cambiado a:
import React from './node_modules/react'(En la consola de desarrollo: no se pudo cargar el recurso: net::ERR_FILE_NOT_FOUND)
Para todas estas opciones (¡por separado!):
import React from './node_modules/react/index.js' import React from './node_modules/react/umd/react.development.js'; import React from import React from './node_modules/react/cjs/react.development.js';(porque parece que ese archivo lee una variable de entorno de Node para exportar la versión Dev o Prod, por lo que parecía que podría ser mi punto de entrada) Obtengo "El módulo solicitado ... no proporciona una exportación llamada 'default '.
Esto funcionará:
import * as React from 'react'; import * as ReactDOM from 'react-dom';