未捕获的ReferenceError:在browserify中未定义require

时间:2016-06-06 18:29:16

标签: javascript angularjs node.js browserify client-side

我需要在我的项目中使用此ng-if-bootstrap-grid包,但为了让包工作正常,我需要通过以下命令安装browserify
npm install -g browserify

我使用它的代码是:var ng =require('ng-if-bootstrap-grid').name; angular.module('myApp',ng);

但我仍然得到这个错误: 未捕获的ReferenceError:未定义require

我感谢任何帮助。

1 个答案:

答案 0 :(得分:2)

全局安装browserify软件包是不够的,您应该使用require()浏览所有要使用的软件包。按照以下步骤实现目标:

1)browserify -r ng-if-bootstrap-grid > bundle.js

2)在其他boundle.js文件之前的html文件中包含生成的script

3)使用你的代码:

var ng =require('ng-if-bootstrap-grid').name;
angular.module('myApp',ng);

您的最终代码应如下所示:

<html>
<head></head>
<body>
    ...
    <script src="bundle.js"></script>
    <script>
        var ng =require('ng-if-bootstrap-grid').name;
        angular.module('myApp',ng);
    </script>
</body>
</html>

注意:您可以使用以下命令浏览多个包:

browserify -r package1 -r package2 -r package3 > bundle.js