在React中使用nav2d

问题描述 投票:3回答:1

我试图在一个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。

reactjs ros
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.