Примеры BPMN.IO не работают в localhost

Question

Я хочу запустить bpmn в localhost. Пролистав весь день, я попробовал это сделать

1. установить nodejs
2. npm устанавливает bpmn-js // в cmd

После этого не знаю, хочу сделать.

также пытался

1. загрузка примеров файлов bpmn
2. сохранил его по локальному пути и открыл "localhost/bpmn-js-examples-master/properties-panel/app" в chrome.

и получение ошибки в консоли => "Uncaught ReferenceError: require is notfined"

Чтобы решить эту проблему, я включил файл require.js в index.html (внутри "localhost/bpmn-js-examples-master/properties-panel/app")

но теперь получаю новую консольную ошибку => "Uncaught Error: имя модуля" fs "еще не загружено для контекста: _. Use require([])"

Пожалуйста, кто-нибудь, помогите мне с этим.

Answer 1

Я получил ответ после получения идеи от ответа Шаньшаня.

Шаги для запуска BPMN.IO на локальном хосте

1. Загрузите примеры файлов bpmn и сохраните их в каталоге localhost
2. Установить nodejs
3. Откройте cmd и перейдите по пути, по которому вы хотите запустить BPMN (пример: cd c:/.../bpmn-js-examples-master/properties-panel/app. Здесь вы увидите 3 файла index.js, index.html, css folder)
4. Установить browserify с помощью команды => npm установить browserify (без изменения пути)

5. Затем запустите => browserify index.js -o bundle.js или browserify -t brfs index.js > bundle.js в соответствии с требованиями. см. ответ Stackru на Substack

   5.1, если получено сообщение об ошибке типа "отсутствует модуль brfs", тогда выполните => npm install brfs

   5.2 если получено сообщение об ошибке типа "отсутствует модуль xxxx", тогда выполнить => npm установить xxxx (пока не будет установлен весь модуль)

6. После этого файл bundle.js создается по тому же пути.
7. Откройте index.html в редакторе и замените index.js на bundle.js в теге script.
8. откройте index.html в браузере.

Answer 2

Из их github:

Убедитесь, что вы используете browserify или тому подобное для объединения вашего проекта и bpmn-js для браузера.

Существует также пример проекта для среды узла. Вы можете использовать образец и построить вокруг него. Важной частью, которую вы упускаете, является скрипт grunt, который просматривает ваш код (этот процесс предотвращает require is not defined ошибка).