React-dnd: Modul nicht gefunden: './Constants' in 'D:\desktop\ant_design_pro\onefox\src\components\Drag' kann nicht aufgelöst werden

Erstellt am 2. Juni 2018  ·  3Kommentare  ·  Quelle: react-dnd/react-dnd

Beschreibe den Fehler
Eine klare und prägnante Beschreibung des Fehlers.
Modul nicht gefunden: './Constants' in 'D:\desktop\ant_design_pro\onefox\src\components\Drag' kann nicht aufgelöst werden
Fortpflanzen
Schritte zum Reproduzieren des Verhaltens:
import React, { Component } from 'react';
Importieren Sie PropTypes von 'prop-types';
import { DragSource } from 'react-dnd';
import { ItemTypes } from './Konstanten';

Wo sind die Konstanten? Wie kann ich die ItemTypes importieren?
Erwartetes Verhalten
Eine klare und prägnante Beschreibung dessen, was Sie erwartet haben.

Screenshots
Fügen Sie gegebenenfalls Screenshots hinzu, um Ihr Problem zu erklären.

Browserchrom

Zusätzlicher Kontext
Fügen Sie hier jeden weiteren Kontext zu dem Problem hinzu.

Hilfreichster Kommentar

In React-dnd hat jede Drag-Quelle einen Typ. Und welche Typen es sind, hängt davon ab, was Sie in Ihr Programm ziehen. In meiner App habe ich also die Typen "Aufgabe" und "Projekt", aber möglicherweise haben Sie "Kontakt" und "Organisation". Wenn Sie diese Zeichenfolgen nicht ständig eingeben möchten (da Sie das Thema möglicherweise falsch schreiben), können Sie sie alle in einer Datei speichern:

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

dann würdest du in deiner zB Drag/Contact.js verwenden:

import ItemTypes from "./Constants";

class Contact extends Component {
  ...
}

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

Es sieht so aus, als ob Ihr Problem darin besteht, dass Sie keine Constants.js-Datei erstellt haben oder sie sich nicht im Drag-Verzeichnis auf Ihrem PC befindet!

Alle 3 Kommentare

@yaoyuande scheint dieses Problem nicht mit react-dnd tun zu haben .

In React-dnd hat jede Drag-Quelle einen Typ. Und welche Typen es sind, hängt davon ab, was Sie in Ihr Programm ziehen. In meiner App habe ich also die Typen "Aufgabe" und "Projekt", aber möglicherweise haben Sie "Kontakt" und "Organisation". Wenn Sie diese Zeichenfolgen nicht ständig eingeben möchten (da Sie das Thema möglicherweise falsch schreiben), können Sie sie alle in einer Datei speichern:

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

dann würdest du in deiner zB Drag/Contact.js verwenden:

import ItemTypes from "./Constants";

class Contact extends Component {
  ...
}

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

Es sieht so aus, als ob Ihr Problem darin besteht, dass Sie keine Constants.js-Datei erstellt haben oder sie sich nicht im Drag-Verzeichnis auf Ihrem PC befindet!

@amazingmarvin Vielen Dank!

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen