React-dnd: Module introuvable : impossible de résoudre './Constants' dans 'D:\desktop\ant_design_pro\onefox\src\components\Drag'

Créé le 2 juin 2018 · 3Commentaires · Source: react-dnd/react-dnd

Décrivez le bogue
Une description claire et concise de ce qu'est le bogue.
Module introuvable : impossible de résoudre './Constants' dans 'D:\desktop\ant_design_pro\onefox\src\components\Drag'
Reproduire
Étapes pour reproduire le comportement :
importer React, { Component } de 'react' ;
importer les PropTypes de 'prop-types' ;
importer { DragSource } de 'react-dnd' ;
importer { ItemTypes } de './Constants';

Où sont les constantes ? Comment importer les ItemTypes ?
Comportement prévisible
Une description claire et concise de ce à quoi vous vous attendiez.

Captures d'écran
Le cas échéant, ajoutez des captures d'écran pour expliquer votre problème.

Chrome du navigateur

Contexte supplémentaire
Ajoutez ici tout autre contexte concernant le problème.

Source

yaoyuande

Commentaire le plus utile

Dans react-dnd, chaque source de glissement a un type. Et les types dépendent de ce que vous faites glisser dans votre programme. Donc, dans mon application, j'ai les types "tâche" et "projet", mais vous pourriez avoir "contact" et "organisation". Si vous ne voulez pas taper ces chaînes tout le temps (puisque vous pourriez mal orthographier le thème), vous pouvez les stocker toutes dans un fichier :

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

alors dans votre exemple Drag/Contact.js vous utiliseriez :

import ItemTypes from "./Constants";

class Contact extends Component {
  ...
}

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

Il semble que votre problème soit que vous n'avez pas créé de fichier Constants.js ou qu'il ne se trouve pas dans le répertoire Drag de votre PC !

amazingmarvin le 2 juin 2018

👍4

Tous les 3 commentaires

@yaoyuande semble que ce problème n'est pas lié à react-dnd .

atfzl le 2 juin 2018

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

alors dans votre exemple Drag/Contact.js vous utiliseriez :

import ItemTypes from "./Constants";

class Contact extends Component {
  ...
}

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

Il semble que votre problème soit que vous n'avez pas créé de fichier Constants.js ou qu'il ne se trouve pas dans le répertoire Drag de votre PC !

amazingmarvin le 2 juin 2018

👍4

@amazingmarvin Merci beaucoup !

yaoyuande le 3 juin 2018

Cette page vous a été utile?

0 / 5 - 0 notes