Javascript Browserify输出代码不';不能在浏览器中执行

Javascript Browserify输出代码不';不能在浏览器中执行,javascript,browserify,Javascript,Browserify,也许这个问题以前被问过,但我已经阅读了过去4个小时的所有内容,我仍然不明白它是如何工作的,所以我放弃了。 我有main.js和代码: var hello = require('./hello.js'); hello.helloWorld(); exports.helloWorld = function () { alert('Hello browserify world!'); } 和hello.js,代码如下: var hello = require('./hello.js');

也许这个问题以前被问过,但我已经阅读了过去4个小时的所有内容,我仍然不明白它是如何工作的,所以我放弃了。 我有main.js和代码:

var hello = require('./hello.js');
hello.helloWorld();
exports.helloWorld = function () {
    alert('Hello browserify world!');
}
和hello.js,代码如下:

var hello = require('./hello.js');
hello.helloWorld();
exports.helloWorld = function () {
    alert('Hello browserify world!');
}
然后我按照文档中所说的做:

browserify main.js -o packed.js
结果packed.js现在包含:

(function e(t, n, r) {
    function s(o, u) {
        if (!n[o]) {
            if (!t[o]) {
                var a = typeof require == "function" && require;
                if (!u && a)return a(o, !0);
                if (i)return i(o, !0);
                var f = new Error("Cannot find module '" + o + "'");
                throw f.code = "MODULE_NOT_FOUND", f
            }
            var l = n[o] = {exports: {}};
            t[o][0].call(l.exports, function (e) {
                var n = t[o][1][e];
                return s(n ? n : e)
            }, l, l.exports, e, t, n, r)
        }
        return n[o].exports
    }

    var i = typeof require == "function" && require;
    for (var o = 0; o < r.length; o++)s(r[o]);
    return s
})({
    1: [function (require, module, exports) {
        (function e(t, n, r) {
            function s(o, u) {
                if (!n[o]) {
                    if (!t[o]) {
                        var a = typeof require == "function" && require;
                        if (!u && a)return a(o, !0);
                        if (i)return i(o, !0);
                        var f = new Error("Cannot find module '" + o + "'");
                        throw f.code = "MODULE_NOT_FOUND", f
                    }
                    var l = n[o] = {exports: {}};
                    t[o][0].call(l.exports, function (e) {
                        var n = t[o][1][e];
                        return s(n ? n : e)
                    }, l, l.exports, e, t, n, r)
                }
                return n[o].exports
            }

            var i = typeof require == "function" && require;
            for (var o = 0; o < r.length; o++)s(r[o]);
            return s
        })({
            1: [function (require, module, exports) {

            }, {}]
        }, {}, [1]);

    }, {}]
}, {}, [1]);
(函数e(t,n,r){
函数s(o,u){
如果(!n[o]){
if(!t[o]){
变量a=类型需求==“功能”&&require;
如果(!u&&a)返回一个(o,!0);
如果(i)返回i(o,!0);
var f=新错误(“找不到模块“'+o+””);
抛出f.code=“模块未找到”,f
}
var l=n[o]={exports:{};
t[o][0]。调用(l.exports,函数(e){
var n=t[o][1][e];
返回s(n?n:e)
}出口,出口,出口,出口,出口
}
返回n[o]。导出
}
var i=需要的类型==“功能”&&require;
对于(var o=0;o
无论main.js包含什么,它看起来都一样(我尝试了一些大的react js代码)。
根据文档,我只需要将它包含在
标签中的我的页面中。
当然,它不起作用。那怎么了?这两个函数完全相同。 我想跳过它,但我不能,因为我需要知道哪些依赖项应该以这种方式解决

更新:根据NodeJS样式添加了另一次尝试

_______________更新\uuuuuuuuuuuuuuuuuuuuuuuuuuuu

我似乎花了太长时间坐在笔记本电脑前。我混淆了文件的路径,因此尝试处理空文件。

Browserify旨在采用Node.js样式的代码并使其在浏览器中工作。这意味着您应该使用Node.js/CommonJS模块样式

您不需要使用
window.onload
,因为主js文件中的任何内容都将执行

如果您想使用react,您需要使用NPM安装模块,然后在JS文件中需要它

var react = require('react');

react.blah();

试着按照这样的指南进行操作,如果你可以使用它,那么你可以将其作为代码的起点。

Browserify旨在采用Node.js样式的代码并使其在浏览器中工作。这意味着您应该使用Node.js/CommonJS模块样式

您不需要使用
window.onload
,因为主js文件中的任何内容都将执行

如果您想使用react,您需要使用NPM安装模块,然后在JS文件中需要它

var react = require('react');

react.blah();

请尝试按照这样的指南进行操作,如果您可以使用它,那么您可以将其作为代码的起点。

感谢您提供的链接,我以前看过并尝试过它。我更新了我的帖子,你能再检查一下吗?谢谢你的链接,我以前看过并试过了。我更新了我的帖子,你能再检查一下吗?有点不对劲。如果您查看输出,它不包含任何输入代码,因此它实际上没有执行任何有用的操作。是的,就是这样。请查看我的最新更新。方法不正确。如果您查看输出,它不包含任何输入代码,因此它实际上没有执行任何有用的操作。是的,就是这样。请看我的最新更新