React-dnd: Módulo no encontrado: no se puede resolver './Constants' en 'D: \ desktop \ ant_design_pro \ onefox \ src \ components \ Drag'

Creado en 2 jun. 2018 · 3Comentarios · Fuente: react-dnd/react-dnd

Describe el error
Una descripción clara y concisa de cuál es el error.
Módulo no encontrado: no se puede resolver './Constants' en 'D: \ desktop \ ant_design_pro \ onefox \ src \ components \ Drag'
Reproducir
Pasos para reproducir el comportamiento:
importar Reaccionar, {Componente} de 'reaccionar';
importar PropTypes de 'prop-types';
importar {DragSource} desde 'react-dnd';
importar {ItemTypes} desde './Constants';

¿Dónde están las constantes? ¿Cómo puedo importar los ItemTypes?
Comportamiento esperado
Una descripción clara y concisa de lo que esperaba que sucediera.

Capturas de pantalla
Si corresponde, agregue capturas de pantalla para ayudar a explicar su problema.

Chrome del navegador

Contexto adicional
Agregue aquí cualquier otro contexto sobre el problema.

Fuente

yaoyuande

Comentario más útil

En react-dnd, cada fuente de arrastre tiene un tipo. Y los tipos dependen de lo que arrastre en su programa. Entonces, en mi aplicación tengo los tipos "tarea" y "proyecto", pero es posible que tenga "contacto" y "organización". Si no desea escribir estas cadenas todo el tiempo (ya que podría escribir mal el tema), puede almacenarlas todas en un archivo:

// Constants.js
export default {
  CONTACT: "contact",
  ORGANIZATION: "organization",
};

luego en su, por ejemplo, Drag / Contact.js usaría:

import ItemTypes from "./Constants";

class Contact extends Component {
  ...
}

Contact = DragSource(ItemTypes.CONTACT, ...)(Contact);
export { Contact };

¡Parece que su problema es que no creó un archivo Constants.js o no está en el directorio Drag de su PC!

amazingmarvin en 2 jun. 2018

👍4

Todos 3 comentarios

@yaoyuande parece que este problema no está relacionado con react-dnd .

atfzl en 2 jun. 2018

// Constants.js
export default {
  CONTACT: "contact",
  ORGANIZATION: "organization",
};

luego en su, por ejemplo, Drag / Contact.js usaría:

import ItemTypes from "./Constants";

class Contact extends Component {
  ...
}

Contact = DragSource(ItemTypes.CONTACT, ...)(Contact);
export { Contact };

¡Parece que su problema es que no creó un archivo Constants.js o no está en el directorio Drag de su PC!

amazingmarvin en 2 jun. 2018

👍4

@amazingmarvin ¡ Muchas gracias!

yaoyuande en 3 jun. 2018

¿Fue útil esta página

0 / 5 - 0 calificaciones