Recibo el siguiente error al intentar compilar un código en Reactjs. Soy nuevo en Reactjs.
Module not found: Error: Package path ./cjs/react.development is not exported from package /Users/mansi/letsgrowmore/to-do-list/my-react-app/node_modules/react (see exports field in /Users/mansi/letsgrowmore/to-do-list/my-react-app/node_modules/react/package.json) ERROR in ./src/Components/Todolist.js 7:0-51 Module not found: Error: Package path ./cjs/react.development is not exported from package /Users/mansi/letsgrowmore/to-do-list/my-react-app/node_modules/react (see exports field in /Users/mansi/letsgrowmore/to-do-list/my-react-app/node_modules/react/package.json) webpack compiled with 1 error import React from 'react'; import useState from 'react/cjs/react.development'; import Todoform from './Todoform'; export default function TodoList() { const [todos, setTodos] = useState([]); const addTask = task => { if (!task.text) { return; } const newTodos = [task, ...todos]; setTodos(newTodos); } return ( <div> <Todoform addTask={addTask}></Todoform> </div> ); }Probé la actualización de npm, rebajé la versión pero sigo teniendo el mismo error.
El problema en su código es que está utilizando funciones que nunca se importan de React.
Para resolver este problema, debe importar las funciones que está utilizando desde React.
Para hacer esto, usaremos una técnica de importación llamada tree-shaking . Esto es básicamente el uso de obtener funciones/variables específicas de una importación, en lugar de obtener todo y usar solo algunas cosas. Esta técnica puede aumentar considerablemente la velocidad y reducir el tamaño del paquete.
En su archivo React, reemplace esta línea de código:
import React from "react";Con este:
import React, { useState } from "react"; Esto importará la función useState de la biblioteca React.
Si usa otra función de React (por ejemplo, useEffect ), entonces debe importarla de la misma manera que se importó useState .
import React, { useState, useEffect } from "react"; Básicamente, cada vez que necesite importar una función/variable de React, sepárela con una coma ( , ) entre llaves ( {} ).
En conclusión, para resolver el problema, debe importar las funciones/variables que está utilizando.