React-dnd: Módulo não encontrado: Não é possível resolver './Constantes' em 'D: \ desktop \ ant_design_pro \ onefox \ src \ components \ Drag'

Criado em 2 jun. 2018  ·  3Comentários  ·  Fonte: react-dnd/react-dnd

Descreva o bug
Uma descrição clara e concisa do que é o bug.
Módulo não encontrado: Não é possível resolver './Constantes' em 'D: \ desktop \ ant_design_pro \ onefox \ src \ components \ Drag'
Reproduzir
Passos para reproduzir o comportamento:
import React, {Component} de 'react';
importar PropTypes de 'prop-types';
import {DragSource} de 'react-dnd';
import {ItemTypes} de './Constants';

Onde estão as constantes? Como posso importar os ItemTypes?
Comportamento esperado
Uma descrição clara e concisa do que você esperava que acontecesse.

Capturas de tela
Se aplicável, adicione capturas de tela para ajudar a explicar seu problema.

Chrome do navegador

Contexto adicional
Adicione qualquer outro contexto sobre o problema aqui.

Comentários muito úteis

No react-dnd, cada fonte de arrasto tem um tipo. E os tipos dependem do que você está arrastando em seu programa. Portanto, em meu aplicativo, tenho os tipos "tarefa" e "projeto", mas você pode ter "contato" e "organização". Se você não quiser digitar essas strings o tempo todo (já que pode digitar o tema incorretamente), você pode armazená-las todas em um arquivo:

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

em seguida, em Drag / Contact.js, por exemplo, você usaria:

import ItemTypes from "./Constants";

class Contact extends Component {
  ...
}

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

Parece que o seu problema é que você não criou um arquivo Constants.js ou ele não está no diretório Drag do seu PC!

Todos 3 comentários

@yaoyuande parece que esse problema não está relacionado a react-dnd .

No react-dnd, cada fonte de arrasto tem um tipo. E os tipos dependem do que você está arrastando em seu programa. Portanto, em meu aplicativo, tenho os tipos "tarefa" e "projeto", mas você pode ter "contato" e "organização". Se você não quiser digitar essas strings o tempo todo (já que pode digitar o tema incorretamente), você pode armazená-las todas em um arquivo:

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

em seguida, em Drag / Contact.js, por exemplo, você usaria:

import ItemTypes from "./Constants";

class Contact extends Component {
  ...
}

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

Parece que o seu problema é que você não criou um arquivo Constants.js ou ele não está no diretório Drag do seu PC!

@amazingmarvin Muito obrigado!

Esta página foi útil?
0 / 5 - 0 avaliações