バグを説明する
バグが何であるかについての明確で簡潔な説明。
モジュールが見つかりません:「D:\ desktop \ ant_design_pro \ onefox \ src \ components \ Drag」の「./Constants」を解決できません
再現するには
動作を再現する手順:
import React、{Component} from'react ';
'prop-types'からPropTypesをインポートします。
import {DragSource} from'react-dnd ';
import {ItemTypes} from './ Constants';
定数はどこにありますか? ItemTypesをインポートするにはどうすればよいですか?
予想される行動
あなたが何が起こると予想したかについての明確で簡潔な説明。
スクリーンショット
該当する場合は、問題の説明に役立つスクリーンショットを追加してください。
ブラウザクローム
追加のコンテキスト
ここに問題に関する他のコンテキストを追加します。
@yaoyuandeは、この問題がreact-dnd
とは関係がないようです。
react-dndでは、すべてのドラッグソースにタイプがあります。 また、タイプは、プログラムでドラッグしているものによって異なります。 したがって、私のアプリには「タスク」と「プロジェクト」のタイプがありますが、「連絡先」と「組織」がある場合があります。 これらの文字列を常に入力したくない場合(テーマのスペルを間違える可能性があるため)、すべてをファイルに保存できます。
// Constants.js
export default {
CONTACT: "contact",
ORGANIZATION: "organization",
};
次に、たとえばDrag /Contact.jsで次を使用します。
import ItemTypes from "./Constants";
class Contact extends Component {
...
}
Contact = DragSource(ItemTypes.CONTACT, ...)(Contact);
export { Contact };
問題は、Constants.jsファイルを作成していないか、PCのDragディレクトリにないことです。
@amazingmarvinどうもありがとうございました!
最も参考になるコメント
react-dndでは、すべてのドラッグソースにタイプがあります。 また、タイプは、プログラムでドラッグしているものによって異なります。 したがって、私のアプリには「タスク」と「プロジェクト」のタイプがありますが、「連絡先」と「組織」がある場合があります。 これらの文字列を常に入力したくない場合(テーマのスペルを間違える可能性があるため)、すべてをファイルに保存できます。
次に、たとえばDrag /Contact.jsで次を使用します。
問題は、Constants.jsファイルを作成していないか、PCのDragディレクトリにないことです。