如何修复示例javascript代码;错误：ReferenceError：require未定义？

Question

我正在尝试运行一些示例代码linked here，但在开始时我收到此错误：

ReferenceError: require is not defined

我知道，require.js是javascript的一些包，但在示例页面上没有提到它？它说只是在nsome html骨架中输入javascript代码，它应该工作！有没有办法修复代码，所以它没有额外的包？

我也从某些地方下载了require.js，将它放在同一个目录中，将其包含在html中，并收到错误

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

require.js！

Answer 1

您链接的代码是为NodeJS编写的

但正如自述文件所示，如果使用browserify（https://github.com/substack/node-browserify）打包它，可以让它运行

假设您安装了NodeJS，您需要使用NPM（NodeJS附带的节点包管理器）全局安装browserify

打开控制台并运行npm install -g browserify - 这会将browserify命令添加到您的控制台。

接下来我们需要创建我们的节点包

1. 制作新目录
2. 进入该目录并运行npm init - 这将启动一个指南，要求您填写有关您的包的一些信息并创建package.json文件
3. 运行npm install --save bpostlethwaite/colormap这将安装您感兴趣的色彩映射库
4. 创建一个index.js文件（假设你在运行npm init时保持不变）
5. 在index.js
中粘贴read me中的示例代码
6. 最后运行browserify -s index.js > bundle.js - 这将生成一个可以在浏览器中运行的bundle.js文件

希望有所帮助

Answer 2

要解决最后一个问题Use require([])，您必须这样定义：

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