如何启动这个 Node.JS 应用程序？

Question

有一个开源的application 可以直观地显示两个 BPMN 图之间的差异。

我想看看应用程序运行时的样子。

如何在 Ubuntu 下启动它？

我尝试在目录bpmn-js-diffing/app 中运行node app.js，但出现错误

module.js:341
    throw err;
    ^

Error: Cannot find module 'jquery'
    at Function.Module._resolveFilename (module.js:339:15)
    at Function.Module._load (module.js:290:25)
    at Module.require (module.js:367:17)
    at require (internal/module.js:16:19)
    at bpmn-js-diffing/app/app.js:6:11
    at Object.<anonymous> (bpmn-js-diffing/app/app.js:435:3)
    at Module._compile (module.js:413:34)
    at Object.Module._extensions..js (module.js:422:10)
    at Module.load (module.js:357:32)
    at Function.Module._load (module.js:314:12)

我查看了Gruntfile 以寻找“运行”命令，但只找到了这些

grunt.registerTask('test', [ 'karma:single' ]);

grunt.registerTask('auto-test', [ 'karma:unit' ]);

grunt.registerTask('default', [ 'jshint', 'test', 'browserify:standaloneViewer', 'jsdoc' ]);

在我看来，它们看起来像是用于运行自动化测试和生成文档的命令，而不是用于运行实际应用程序的命令。

那么我该如何启动这个应用程序呢？

更新 1： 在 bpmn-js-diffing 目录中运行 npm install。然后尝试再次运行node app.js（在bpmn-js-diffing/app）目录中。结果如下：

bpmn-js-diffing/app$ node app.js 
module.js:341
    throw err;
    ^

Error: Cannot find module 'bpmn-js-diffing'
    at Function.Module._resolveFilename (module.js:339:15)
    at Function.Module._load (module.js:290:25)
    at Module.require (module.js:367:17)
    at require (internal/module.js:16:19)
    at bpmn-js-diffing/app/app.js:9:17
    at Object.<anonymous> (bpmn-js-diffing/app/app.js:435:3)
    at Module._compile (module.js:413:34)
    at Object.Module._extensions..js (module.js:422:10)
    at Module.load (module.js:357:32)
    at Function.Module._load (module.js:314:12)

Answer 1

Node.Js 生态系统的一个重要组成部分是 npm，它与 NodeJS 一起提供。这就是依赖关系的管理方式。 许多 NodeJS 程序都有一个 package.json 文件，该文件描述了关于它们的各种信息，例如它们的依赖关系。通过运行npm install NPM 会查看程序需要哪些包，并自动安装它们。

Answer 2

您需要安装 jquery 模块。 'npm i jquery'。

Answer 3

这是运行此应用程序的过程

我终于发现你甚至不需要执行npm install 命令来运行这个项目。 事实上，app/bpmn-viewer.js 文件在其源映射中嵌入了所有必要的模块。

要显示代码，请在 Chromium Developer 工具中打开“源”选项卡或打开 3.2 MB 文件。最后一行以// # sourceMappingURL = 开头。 将data: application / json; base64,中的每个字符复制并粘贴到浏览器地址栏中的行尾(XX0 =)。

安装

$ git clone https://github.com/bpmn-io/bpmn-js-diffing
$ cd bpmn-js-diffing

在端口 7357 上启动本地 HTTP 服务器
不要更改目录，您必须在项目根目录中运行此命令

python -m SimpleHTTPServer 7357

运行

在浏览器中打开http://127.0.0.1:7357/app/

演示（在 Ubuntu 18.04 上运行）

您可以通过从resources/ 目录加载其他文件来比较它们。

您可以使用任何本地 HTTP 服务器来代替嵌入式 python 服务器，例如 live-server。
这样做，在项目根目录运行以下命令：

npm install live-server
./node_modules/.bin/live-server

然后浏览到http://127.0.0.1:8080/app（默认端口8080可以更改，运行live-server --help获取更多信息）

Answer 4

在 node js 中，每当您使用 require('module_name') 时，它都会搜索您项目目录中的 node_module 文件夹，或者它可以转到全局 node_module 文件夹。如果需要的模块不存在，会给出Cannot find module module_name，可以通过npm i module_name来解决。此外，您可以使用 npm i module_name --save 命令将所有必需的依赖项保存在 package.json 文件夹中，这样如果您需要在不同的环境中运行相同的代码，您不需要单独安装每个模块，您只需要执行 npm i 和如果将引用 package.json 文件夹并安装依赖项。

Answer 5

据我了解，您正在尝试运行 Node.js 模块。 我认为您尝试运行的应用程序是 this

bpmn-js-diffing

是为插入上述App而设计的模块。

Answer 6

这是一个不打算使用 NodeJS 运行的 Web 应用程序，而是在浏览器中运行。它使用 jQuery 操作 DOM； NodeJS 没有 DOM。它使用Grunt 和Browserify 构建/app 目录的内容，但它已经构建了应用程序。如果你想重建它，你必须使用npm install -g grunt-cli 安装 grunt 并在项目根目录中执行grunt --force，但如果你不做任何更改并且只想上传应用程序，则不必这样做.

为了让网络应用程序正常工作，您必须将/app、/assets 和/resources 上传到在线网络服务器的网络根目录并导航到@987654329 @。

Answer 7

这样做：
1. 将 app.js 文件中的 Diffing = require('bpmn-js-diffing'); 替换为 Diffing = require('../index');。
2.安装npm i jsondiffpatch
3.node app.js