学习React DND时出现的编译问题
是指在使用React DND库时遇到的与编译相关的错误或警告。React DND是一个用于实现拖放功能的React库，它可以帮助开发者轻松地实现拖放交互。
在学习React DND时，可能会遇到以下编译问题：
- 缺少依赖：在使用React DND之前，需要确保项目中已经安装了相关的依赖。常见的依赖包括react-dnd和react-dnd-html5-backend。可以通过npm或yarn安装这些依赖。
- 编译错误：在编译React DND代码时，可能会遇到一些语法错误或其他编译错误。这些错误通常是由于代码书写不规范或版本不兼容引起的。解决这些问题的方法包括检查代码语法、更新依赖版本、查看相关文档和社区讨论等。
- 编译警告：有时，在编译React DND代码时可能会收到一些警告信息。这些警告可能是由于使用了过时的API、不推荐的做法或其他潜在的问题引起的。解决这些警告的方法包括更新代码以符合最新的API规范、查找替代方案或忽略警告（如果警告不影响功能）。
总结起来，学习React DND时出现的编译问题可能包括缺少依赖、编译错误和编译警告。解决这些问题的方法包括安装依赖、检查代码语法、更新依赖版本、查看文档和社区讨论等。在使用React DND时，可以借助腾讯云的云计算产品来部署和扩展应用，例如腾讯云服务器（https://cloud.tencent.com/product/cvm）和腾讯云容器服务（https://cloud.tencent.com/product/tke），以提高应用的可靠性和性能。
相关·内容
1回答
我开始学习中的React拖放 dragDropBundle.js:830 Warning: Failed prop type: The prop import React from
浏览 20提问于2018-02-10得票数 2
回答已采纳
在我的应用中使用react-big-scheduler，它需要拖放上下文。因此，当我导入并设置它时，我会得到Object(...)不是函数 我还尝试在渲染中使用作为react组件，但给定的元素类型无效。withDnDContext.js import { DragDropContext } from 'react-dnd';
import HTML5Backend from 'react-dnd-html
浏览 28提问于2019-09-07得票数 0
看起来React DnD希望可拖动/可拖放的项成为兄弟项才能正常工作。如果其中一项属于另一个父项，我会得到“期望找到一个有效的目标”。只要drag over事件激发(当交换应该触发时)。我从他们的文档中修改了一个例子，以防有人想尝试一下:坏掉的例子：https://codesandbox.io/s/broken-feather-qf0f2?请注意，第一个卡片项目是在另一个div中与其余项目分开呈现的。
浏览 53提问于2020-07-29得票数 3
我尝试在我的react web应用程序中使用react dnd。我创建了一个名为withDnDContext.js的js文件。当我编译它的时候，我收到了一个错误'react-dnd' does not contain an export named 'DragDropContext'。我的react-dnd版本是最新的9.3
浏览 150提问于2019-07-26得票数 8
我是个新手，正在尝试模拟这里提供的行拖放代码：https://react-table-omega.vercel.app/docs/examples/row-dnd 如果我打开沙箱，所有的默认代码都可以正常工作但是，如果我在本地复制粘贴代码，则在编译时会出现以下错误： Attempted import error: 'react-dnd-html5-backend' does not contain a
浏览 150提问于2020-08-12得票数 4
回答已采纳
问题是，在使用plain ReactJS (no ReactJS)时，Babel和Webpack完美地编译了my .js文件，但是在尝试在我的项目中使用ReactJS时，在使用Webpack和Babel编译js时出现了错误： @ ./~/r
浏览 5提问于2017-04-25得票数 1
回答已采纳
正在遭受一个奇怪的错误，目前无法通过。因此，当我运行测试控制台时，会抛出：({"Object.,
'^react-dnd-html5-backend$': '<rootDir>/node_modules/react-
浏览 14提问于2022-05-10得票数 3
1回答
我为react项目做了一个叉，我添加了一些特性，但是当我使用yarn run build构建我的叉并在我的项目中使用新的dist时，我会遇到一个编译问题。Module not foundin '
浏览 3提问于2020-09-24得票数 0
回答已采纳
我对此的反应是全新的，我被困在这上面好几个小时了。反应部份运作良好。我正在添加react-beautiful-dnd以作出反应。我正在使用npm安装react-beautiful-dnd包。我正在学习教程import initialData from './column.jsx';
import {DragDropContext} from '<em
浏览 1提问于2021-03-09得票数 1
回答已采纳
我想要做的是使用react-dnd创建一个具有拖放功能的React组件库，但只有当应用程序利用该功能时，才需要将react-dnd作为依赖项。-backend": { }}
主组件代码基于用户提供的支柱，从基本的非DnD组件树切换到启用DnD的组件树(使用来自re
浏览 10提问于2022-07-04得票数 2
回答已采纳
我决定遵循React DnD的下一个教程：http://react-dnd.github.io/react-dnd/docs/tutorial 到目前为止，我已经遵循了这个过程，代码成功地编译并运行了，但是，我没有得到预期的结果。不知道你能不能帮我想个办法解决这个问题？ ? 似乎只有骑士所在的方块才会显示，而不是完整的64个
浏览 24提问于2019-04-05得票数 1
‘react dnd 5-后端’没有导出成员‘html5 5后端’。
浏览 6提问于2021-05-15得票数 1
回答已采纳
1回答
我想为下面的目标代码编写一个UT： // dev codeimport { Dropdown } from 'antdfrom 'react'import ContextMenu from '../index'
jest.mock('react
浏览 21提问于2020-10-10得票数 0
回答已采纳
1回答
我有一个名为dnd的存储库，它与一起使用工作区。存储库包含两个主目录。packages/app我必须用这种丑陋的语法遍历相对路径。现在路径是正确的，但是create-react-app抛出了一个错误。有一种方法可以简单地将我们的core
浏览 2提问于2020-05-26得票数 3
令人惊讶的是，当iframe被重新排序时，其中一个的<body>变为空。 Swap frames </div> );单击该按钮后，first iframe的<
浏览 4提问于2020-07-13得票数 1
我试图使用react漂亮-dnd来拖放列表，但我的元素是不可拖动的，我得到了Unable to find draggable with id: X。我已经将我的代码与文档中的示例进行了交叉检查，但无法找到我需要修复的内容。我使用常量id作为key和draggableId道具。代码：
编辑1:我期望代码能够拖动和重新排列项目，但是当状态更新没有实现时，它将返回到它们的初始位置。
浏览 20提问于2022-04-10得票数 6
回答已采纳
2回答
我正尝试在我的新ClojureScript和应用程序中使用。根据博客，它说我需要在我的project.clj文件中包含使用:foreign-libs的文件。js/app.js.map" :foreign-libs [{:file "src/cljs/react-beautiful-dnd/react-beautiful-<e
浏览 1提问于2017-10-24得票数 4
5回答
我试图与Rails5，行动电缆，反应和Rails和反应DnD的POC。我的前排是ReactJS。我为可拖拽的卡片和可丢弃的CardBoard使用react DnD库。当我将卡片放在纸板上时，我使用post调用和websocket(来自rails5的动作电缆)来更新我的状态。} from 'react-<e
浏览 6提问于2017-04-20得票数 6
我正在学习react中的拖放，但是我不断地得到这个错误(见图)，这个错误是DragSource不存在于react中的。我已经安装了react dnd使用"npm安装反应-dnd“。在我所做的研究中，我还没有看到对这个错误的任何回答。
import React, {Component} from 'react'
import {Dr
浏览 6提问于2022-03-13得票数 0
我试着用做一个特瑞洛克隆人。，只要输入下面的代码，我就得到了错误 item: { type: "CARD" }, isDragging: monitor.isDragging(), });spec.type必须定义为C:/Users/lucca/Documents/GitHub/2B-task/src/index.ts:28
25 | );
浏览 9提问于2021-03-17得票数 6
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
