基於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代碼生成-我沒有使用過，但看起來像是朝正確方向邁出的一步您正在做什么。