Question

处理一个使用ProtoBuff获取内容的项目。通过在HTML中加载JavaScripts使其工作一次。现在重构使用requirejs加载脚本。但是当我尝试使用这些脚本时，它会给出一个错误，告诉我脚本没有加载。

Require.js已加载到index.html
Bower用于管理依赖关系。

我很确定我在这里错过了一个简单的事情，希望有人可以提供帮助。

requirejs.config({
    long : "long",
    ByteBuffer : "ByteBuffer",
    ProtoBuf : "ProtoBuf"
});

requirejs([ "long", "ByteBuffer", "ProtoBuf" ], 
    function( long, ByteBuffer, ProtoBuf ) {
});

文件long.js，ByteBuffer.js和ProtoBuf.js都与App.js在同一个地图中，在那里调用它。

*虽然这个question about requirejs and ByteBuffer看起来很有希望，但我想我在这里遗漏了一些东西。

这确实有效，这些文件中的函数可以在范围的其余部分中访问：

requirejs([ "otherPage", "differentPage" ], 
    function( util ) {
});

Answer 1

您需要确保正确连接requirejs并且已加载相关的proto库。

您可以使用bower来管理依赖项。安装bower和

bower install long byteBuffer protobuf requirejs-text requirejs-proto

最终代码可能如下所示：

require.config({
    paths: {
        'Long': '../../bower_components/long/dist/Long',
        'ByteBuffer': '../../bower_components/byteBuffer/dist/ByteBufferAB',
        'ProtoBuf': '../../bower_components/protobuf/dist/ProtoBuf',
        'text': '../../bower_components/requirejs-text/text',
        'proto': '../../bower_components/requirejs-proto/proto'
    },
    proto: {
        ext: 'proto',
        convertFieldsToCamelCase: false,
        populateAccessors: true
    }
});

require(['proto!test'], function(builder) {
    var pack = builder.build('pack');
    var Message1 = builder.build('pack.Message1');
});

require(['proto!test::pack.Message1', 'proto!test::pack.Message2'], function(Message1, Message2) {
    ...
});

https://www.npmjs.com/package/requirejs-proto

中的一些代码

正在加载：long，带有requirejs的ByteBuffer和ProtoBuff

1 个答案: