基于Grunt的项目中的NPM模块

Question

Node具有一个简单的模块加载系统，该系统使用require（）方法调用从根文件夹中的不同位置加载模块。 例如

var qr = require('qr-image');    

我试图做咕噜类似的东西，但我不成功这一点。

我已经按照以下方式将此模块添加到package.json文件，然后在项目的根目录下运行npm install。

"devDependencies": {
    .
    .
    .

    "qr-image": "^2.0.0"
}, 

现在，每当我使用require时，控制台上都会出现以下错误，并且代码中断。

ReferenceError：需求未定义

请提出建议，在基于Grunt的项目中如何使用npm模块，谢谢。

Answer 1

require功能在网络浏览器中不可用。 相反，它是nodejs的一部分，它是一种服务器端语言（例如，您可以直接从计算机终端运行而不是在浏览器中运行的某种语言），并用于加载该语言的依赖项。

在Web浏览器中，我通常只将我的依赖项作为其他脚本包括在页面上，例如：

<script src="path/to/my/dependency.js"></script>
<script src="path/to/my/code.js"></script>

其他一些选项是RequireJS或此问题中列出的内容，或者更多是前端代码的通用依赖项管理器： Bower 。

仔细研究您的问题，“ qr-image” npm依赖项可能无法为您在客户端代码中工作（因为它是通过服务器端代码中的node运行的）。

快速搜索QR代码客户端代码出现了这个SO帖子 ，它指向QRCode.js项目，用于客户端QR代码生成-我没有使用过，但看起来像是朝正确方向迈出的一步您正在做什么。