Javascript 使用browserify standalone在网页中公开api-Firefox中未定义获取错误_Javascript_Gulp_Browserify

Javascript 使用browserify standalone在网页中公开api-Firefox中未定义获取错误

javascript gulp

Javascript 使用browserify standalone在网页中公开api-Firefox中未定义获取错误,javascript,gulp,browserify,Javascript,Gulp,Browserify,我对node和JavaScript都是新手。我想访问网页中的API。我照做了，但我无法让它发挥作用。Firefox总是告诉我，MyLibrary没有定义。我试过了，但没能成功。然而，WebStorm IDE在代码编辑器中正确地识别了它。所以我不知道为什么它在FF中不起作用我有一个名为readprotocoljson.js的文件，我想在网页中公开它，我想访问它的内容 import {sequenceOf, asSequence, emptySequence, generateSequence}

我对node和JavaScript都是新手。我想访问网页中的API。我照做了，但我无法让它发挥作用。Firefox总是告诉我，MyLibrary没有定义。我试过了，但没能成功。然而，WebStorm IDE在代码编辑器中正确地识别了它。所以我不知道为什么它在FF中不起作用

我有一个名为readprotocoljson.js的文件，我想在网页中公开它，我想访问它的内容

import {sequenceOf, asSequence, emptySequence, generateSequence} from 'sequency';
module.exports = MyLibrary;

function MyLibrary(){}
MyLibrary.prototype.readLogFile=

function readlogfile() {
    loadJSON(function(response) {
        // Parse JSON string into object
        var actual_JSON = JSON.parse(response);

        asSequence(actual_JSON.Frames); //just for testing
        return actual_JSON.Frames;
    });

};

我按照指南创建了一个新文件exportedModules.js

module.exports = require('./readprotocoljson.js')

在我的html中，我使用

<script src="dist/exportedModules.js"><script>
<body>
    <script>
        var exportedModules = new MyLibrary();
        var all_frames = exportedModules.readLogFile();
    </script>
</body>

Mypackage.json inlc包含以下依赖项：

 "dependencies": {
    "sequency": "latest",
    "browser-sync": "latest"
  },
  "devDependencies": {
    "babel-node-modules": "0.0.1",
    "babel-preset-env": "^1.6.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babelify": "^7.3.0",
    "browserify": "latest",
    "gulp": "^3.9.1",
    "gulp-task-browserify": "latest"
  }

您的文件是

.json

而不是

.js

？不，它们都是js文件。我只是在这里打错了什么是您需要的

readprotocoljson.js

？你是说

readprotocol.js

？文件都是正确的。我刚刚在这里的帖子中更正了它。它是readprotocoljsonI仍然不知道错误是/是什么，但我现在切换到webpack，它按预期工作。你的文件是

.json

不是

.js

？不，它们都是js文件。我只是在这里打错了什么是您需要的

readprotocoljson.js

？你是说

readprotocol.js

？文件都是正确的。我刚刚在这里的帖子中更正了它。它是readprotocoljsonI，但我仍然不知道错误是什么，但我现在切换到webpack，它按预期工作。

 "dependencies": {
    "sequency": "latest",
    "browser-sync": "latest"
  },
  "devDependencies": {
    "babel-node-modules": "0.0.1",
    "babel-preset-env": "^1.6.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babelify": "^7.3.0",
    "browserify": "latest",
    "gulp": "^3.9.1",
    "gulp-task-browserify": "latest"
  }