2015-05-29 51 views
6

我想在http://browserify.org/例如,嘗試做一個函數調用如下:使用browserify,未捕獲的ReferenceError:功能沒有定義

我的HTML是:

<!DOCTYPE html> 
<html> 
<head> 
<title>Test Browserify</title> 

<script src="bundle.js"></script> 

</head> 
<body> 
    <button onclick="hello()">test</button> 
</body> 
</html> 

,我的JavaScript是:

var unique = require('uniq'); 

var data = [1, 2, 2, 3, 4, 5, 5, 5, 6]; 

console.log(unique(data)); 

function hello(){ 
    alert("here"); 
} 

我做了browserify main.js -o bundle.js,所以我可以使用require成功。

但是,當我按一下按鈕,我有錯誤:

「未捕獲的ReferenceError:你好沒有定義」

任何建議將不勝感激!

+0

我猜你看到你的1,2,3,4,5,6在js控制檯上打印? – cchamberlain

回答

8

Browserifies的主要目的是使JavaScript模塊在私人範圍內,因此無法查看您正在嘗試執行的操作。

嘗試使用

​​

defining global variable for browserify

通常,這是不好的做法,您應該將公共屬性從模塊中導出,並通過所需的模塊引用來引用它們。

相關問題