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

【问题标题】：Uncaught ReferenceError: require is not defined in browserify未捕获的 ReferenceError：在 browserify 中未定义 require
【发布时间】：2016-10-06 11:24:27
【问题描述】：

我需要在我的项目中使用这个ng-if-bootstrap-grid 包，虽然为了使包正常工作，我需要通过以下命令安装browserify：
npm install -g browserify

我使用它的代码是：

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

但我仍然收到此错误： Uncaught ReferenceError: require is not defined

如果有任何帮助，我将不胜感激。

【问题讨论】：

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

【解决方案1】：

全局安装 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

【讨论】：