React-dnd: 找不到模块：无法解析“D:\desktop\ant_design_pro\onefox\src\components\Drag”中的“./Constants”

创建于 2018-06-02 · 3评论 · 资料来源: react-dnd/react-dnd

描述错误
对错误是什么的清晰简洁的描述。
找不到模块：无法解析“D:\desktop\ant_design_pro\onefox\src\components\Drag”中的“./Constants”
再现
重现行为的步骤：
import React, { Component } from 'react';
从 'prop-types' 导入 PropTypes；
从'react-dnd'导入{ DragSource };
从 './Constants' 导入 { ItemTypes };

常数在哪里？如何导入 ItemTypes ？
预期行为
对您期望发生的事情的清晰简洁的描述。

截图
如果适用，请添加屏幕截图以帮助解释您的问题。

浏览器镀铬

附加上下文
在此处添加有关该问题的任何其他上下文。

资料来源

yaoyuande

最有用的评论

在 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 于 2018-06-02

👍4

所有3条评论

@yaoyuande似乎这个问题与react-dnd无关。

atfzl 于 2018-06-02

// 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 于 2018-06-02

👍4

@amazingmarvin非常感谢！

yaoyuande 于 2018-06-03

此页面是否有帮助？

0 / 5 - 0 等级

React-dnd: 找不到模块：无法解析“D:\desktop\ant_design_pro\onefox\src\components\Drag”中的“./Constants”

最有用的评论

所有3条评论

相关问题