在React应用程序中找不到npm包的模块

时间:2017-11-11 16:51:01

标签: javascript node.js reactjs protocol-buffers

我有一个React应用程序,它从API获取一些数据。数据是传输数据,并使用协议缓冲区序列化,因此我使用gtfs-realtime-bindings.js包对其进行反序列化。这也使用了ProtoBuf.js和ByteBuffer.js。但是,当我运行我的开发服务器时,我在浏览器中收到此错误:

./node_modules/protobufjs/ProtoBuf.js
Module not found: `/Users/Ben/React/subway-
checker/node_modules/ByteBuffer/ByteBuffer.js` does not match the 
corresponding path on disk `bytebuffer`.

我不确定如何开始调试这个。它可能是一个Webpack问题?如果有助于诊断,我正在使用create-react-app。

对于上下文,这是导致错误的文件中的其余代码:

从'gtfs-realtime-bindings'导入GtfsRealtimeBindings;     来自'request'的导入请求;

function getFeedData (sub) {
    var feedId;
    switch (sub) {
        case '1' || '2' || '3' || '4' || '5' || '6' || 'S':
                feedId = 1;
                break;
            case 'A' || 'C' || 'E':
                feedId = 26;
                break;
            case 'N' || 'Q' || 'R' || 'W':
                feedId = 16;
                break;
            case 'B' || 'D' || 'F' || 'M':
                feedId = 21;
                break;
            case 'L':
                feedId = 2;
                break;
            case 'G':
                feedId = 31;
                break;
    }
    var requestSettings = {
      method: 'GET',
      uri: 'http://datamine.mta.info/mta_esi.php?key=YOUR_KEY_HERE&feed_id=2',
      encoding: null
    };
    request(requestSettings, function (error, response, body) {
      if (!error && response.statusCode == 200) {
          var feed = GtfsRealtimeBindings.FeedMessage.decode(body);
          return { feed: feed };
        }
    });
}

function reverseStop (sub, stop) {
    var stopIdN
    var stopIdS
    var stopData = require('./stops');
    var invalidEntries = 0;
    function filterByName (item) {
        if (item.stop_name == stop && item.stop_id.charAt(0) == sub) {
            return true;
        }
        invalidEntries++;
        return false;
    }
    var stopObjs = stopData.filter(filterByName);
    for (var i = 0; i < stopObjs.length; i++) {
        if (stopObjs[i].stop_id.charAt(stopObjs[i].stop_id.length - 1) == 'N') {
            stopIdN = stopObjs[i].stop_id;
        } else if (stopObjs[i].stop_id.charAt(stopObjs[i].stop_id.length - 1) == 'S') {
            stopIdS = stopObjs[i].stop_id;
        }
    }
    return {
        stopIdN: stopIdN,
        stopIdS: stopIdS
    };
}

var isDelayN = (function (sub, stop) {
    var arrivals = [];
    var delays = [];
    reverseStop(sub, stop);
    getFeedData(sub);
    (function () {
            var invalidEntries = 0;
            var feedObjs = getFeedData.feed.filter(function (feedObj) {
                if (feedObj.entity.trip_update.stop_time_update.stop_id == reverseStop.stopIdN) {
                    return feedObj.entity.trip_update.stop_time_update;
                }
            });
            for (var i = 0; i < feedObjs.length; i++) {
                arrivals.push(feedObjs.arrival.time.low);
                delays.push(feedObjs.arrival.delay);
            }
        })();
    var nextArrival = Math.min(...arrivals);
    var delayIndex = arrivals.findIndexOf(nextArrival);
    var delay = delays.delayIndex;
    if (delay === null || Math.ceil(delay / 60) <= 5) {
        var noDelay = Math.ceil((nextArrival - getFeedData.feed.header.timestamp.low) / 60);
        return { noDelay: noDelay };
    } else {
        var yesDelay = Math.ceil(delay / 60);
        return { yesDelay: yesDelay };
    }
})();

var isDelayS = (function (sub, stop) {
    var arrivals = [];
    var delays = [];
    reverseStop(stop);
    getFeedData(sub)
        .then(function (feed) {
            var invalidEntries = 0;
            var feedObjs = feed.filter(function (feedObj) {
                if (feedObj.entity.trip_update.stop_time_update.stop_id == reverseStop.stopIdS) {
                    return feedObj.entity.trip_update.stop_time_update;
                }
            });
            for (var i = 0; i < feedObjs; i++) {
                arrivals.push(feedObjs.arrival.time.low);
                delays.push(feedObjs.arrival.delay);
            }
        });
    var nextArrival = Math.min(...arrivals);
    var delayInex = arrivals.findIndexOf(nextArrival);
    var delay = delays.delayIndex;
    if (delay === null || Math.ceil(delay / 60) <= 5) {
        var noDelay = Math.ceil((nextArrival - getFeedData.feed.header.timestamp.low) / 60);
        return { noDelay: noDelay };
    } else {
        var yesDelay = Math.ceil(delay / 60);
        return { yesDelay: yesDelay };
    }
})();

export { isDelayN, isDelayS };

我意识到代码可能需要很多上下文。代替发布我的所有组件并有一个不合理的长篇文章,这里是现在的完整Github回购:https://github.com/benuchadnezzar/subway-checker

任何帮助表示赞赏!包括你是否看到此文件中的代码出现了其他严重错误。

0 个答案:

没有答案