如何解決示例JavaScript代碼;錯誤：ReferenceError：require沒有定義？

Question

我試圖運行一些示例代碼linked here，但在開始我得到這個錯誤：

ReferenceError: require is not defined 

我知道，require.js一些包的JavaScript，但它不是示例頁面上的任何地方提到？它說只是在nsome html骨架中的JavaScript代碼，它應該工作！有沒有一種方法來修復代碼，所以它沒有額外的包？

我也下載require.js自己從somewere，把它放在同一目錄下，它包含在HTML，並在require.js得到一個錯誤

Error: Module name "colormap" has not been loaded yet for context: _. Use require([]) 
http://requirejs.org/docs/errors.html#notloaded 

！

Answer 1

您鏈接的代碼針對的NodeJS

書面但隨着自述建議你可以得到它，如果你使用browserify（https://github.com/substack/node-browserify）

假設你已經安裝的NodeJS打包運行，你需要安裝使用NPM（NodeJS附帶的節點包管理器）進行全球瀏覽。

打開控制檯並運行npm install -g browserify - 這會將browserify命令添加到控制檯。

接下來，我們需要在節點包創建我們

1. 創建一個新的目錄
2. cd進入這個目錄並運行npm init - 這將啓動一個嚮導，要求您填寫的一些信息你的包，並創建一個package.json文件
3. 運行npm install --save bpostlethwaite/colormap這將安裝的顏色表庫您有興趣
4. 創建index.js文件（假設你離開的改變，當你運行NPM INIT）
5. 示例代碼粘貼從讀我index.js
6. 最後運行browserify -s index.js > bundle.js - 這將產生可以在瀏覽器中

希望幫助

Answer 2

要運行bundle.js文件解決你Use require([])你必須這樣定義的最後一個問題：

require(['colormap'], function() { 
    // colormap is now loaded 
});