BPMN.IO 示例在本地主机中不起作用

Question

我想在本地主机中 运行 bpmn。浏览了一整天后，我尝试了这个步骤

1. 安装 nodejs
2. npm install bpmn-js // 在命令中

这之后不知道要干什么

也试过

1. 正在下载bpmn example files
2. 将其保存在本地路径中并在 chrome.
中打开 "localhost/bpmn-js-examples-master/properties-panel/app"

并在控制台中出现错误 => "Uncaught ReferenceError: require is not defined"

为了解决这个问题，我将 require.js 文件包含到 index.html（在 "localhost/bpmn-js-examples-master/properties-panel/app" 内）

但现在出现新的控制台错误 => "Uncaught Error: Module name "fs" has not been loaded yet for context: _. Use require([])"

拜托，任何人都可以帮助我。

Answer 1

来自他们的github：

Make sure you use browserify or the like to bundle your project and bpmn-js for the browser.

还有一个sample project为节点环境提供的。您可以使用示例并围绕它构建。您缺少的重要部分是浏览代码的 grunt 脚本（此过程可防止 require is not defined 错误）。

Answer 2

我从杉杉的回答中得到了答案。

在本地主机中 运行 BPMN.IO 的步骤是

1. 下载bpmn example files 并保存在本地主机目录
2. 安装nodejs
3. 打开 cmd 并转到您想要 运行 BPMN 的路径（示例：cd c:/.../bpmn-js-examples-master/properties-panel/app。在这里您将看到 3 个文件 index.js， index.html, css 文件夹)
4. 使用命令安装 browserify => npm install browserify（不改变路径）

5. 然后 运行 => browserify index.js -o bundle.js 或 browserify -t brfs index.js > bundle.js 根据要求.参见 Whosebug answer of Substack

   5.1 如果出现类似 "brfs module missing" 的错误，则执行 => npm install brfs

   5.2 如果出现类似 "xxxx module missing" 的错误，则执行 => npm install xxxx（直到安装所有模块）

6. 此后 bundle.js 文件在同一路径中创建。
7. 在编辑器中打开 index.html 并在脚本标签中将 index.js 替换为 bundle.js。
8. 在浏览器中打开 index.html。