我试图在一个create-react-app应用程序中使用nav2d。依赖项(easeljs、ros2d和roslib)可以作为npm包找到。我如何修改configure nav2d.js来在React应用中使用,因为目前当我在使用导航2d.js时,我收到了一个模块未找到的错误信息。
import React, { Component } from 'react';
var ROSLIB = require('roslib');
var ROS2D = require('ros2d');
var NAV2D = require('nav2d');
var createjs = require('createjs-easeljs');
export default class TestMap extends Component {
componentWillMount() {
//Connect to ros
var ros = new ROSLIB.Ros({
url : 'ws://192.168.1.114:9090'
});
// Create the main viewer.
var viewer = new ROS2D.Viewer({
divID : 'nav',
width : 750,
height : 800
});
// Setup the nav client.
var nav = NAV2D.OccupancyGridClientNav({
ros : ros,
rootObject : viewer.scene,
viewer : viewer,
serverName: '/move_base'
});
}
render() {
return (
<div id="nav"></div>
)}
}
在反应组件的js文件中,nav2d.js中含有
var createjs = require('createjs-easeljs');
module.exports = NAV2D
原始的nav2d文件可以在以下网址找到 http:/static.robotwebtools.orgnav2djscurrentnav2d.js。 (这里太长了)
谢谢你,我想在一个创造-反应-应用程序中使用nav2d。