Acabo de empezar a aprender React hoy. ¿Cómo me deshago de ese mensaje de error en mi Consola en la Terminal en Visual Studio?
(node: 9374)Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension. /Users/nishihaider/workspace-ui/react-todo-app/src/App.js:1 import React from "react"; import "./App.css"; function App() { <> return ( <h1>ToDo</h1> ); </> } export default App;agregando la línea "tipo": "módulo" en su archivo package.json y, en su lugar, cambie el nombre de su archivo app.js (o lo que sea) a app.mjs.
para agregar Tipo: módulo en package.json - ayuda :)
paquete.json contiene:
{ "name": "react_template", "version": "1.0.0", "description": "", "main": "index.js", "type": "module", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "devDependencies": { "webpack": "^5.30.0", "webpack-cli": "^4.6.0" } }también está rodeando la declaración de devolución con React Fragments, lo cual no es correcto. Su declaración de devolución debe tener el siguiente aspecto:
import React from "react"; import "./App.css"; function App() { return ( <> <h1>ToDo</h1> </> ); } export default App;Estoy bastante seguro de que esta fue la fuente de sus problemas todo el tiempo y no el problema de importación/exportación del módulo.
Solo necesita actualizar package.json de esta manera,
{"type": "module"}A mi me funciono, gracias!
Primero, instale la última versión de Node.js. Tiene las últimas y mejores características.
En segundo lugar, agregue la línea "type": "module" en su archivo package.json .
{ "type": "module" } En tercer lugar, use la --experimental-modules al invocar nodejs:
node --experimental-modules app.js
¡Usted debe ser bueno para ir!
Una alternativa es evitar agregar la línea "type": "module" en su archivo package.json y, en su lugar, cambiar el nombre de su archivo app.js a app.mjs.
Tenga en cuenta que ahora la sintaxis require() dejará de funcionar .
Aquí está mi enfoque:
1 - Actualice package.json como:
"main": "index.js", "type":"module",2 - use.js al importar, como:
import {isPrime} from './isPrime.js';3 - aquí está isPrime.js
export const isPrime ....