Problems using bpmn-io properties panel example

Users
1

Hey there,
I’m pretty new to bpmn-io and have a lot of issues trying to get the bpmn-io properties panel example working.

I’m trying to run it on an ubuntu virtual machine. First of all I installed bpmn-js and the properties panel using the following commands in the /var/www/html/webinterface folder of my apache server:
sudo npm install bpmn-js@8
sudo npm install --save bpmn-js-properties-panel @bpmn-io/properties-panel

afterwards I downloaded the bpmn-js-examples folder and copied the starter folder as well as the properties-panel folder to my /var/www/html/webinterface folder as well. (GitHub - bpmn-io/bpmn-js-examples: Some examples how to use bpmn-js)

While the HTML website used in the starter folder works perfectly fine, I always get the following error message in the console of the website localhost/webinterface/properties-panel/src/:

http://localhost/webinterface/properties-panel/src/vendor/bpmn-js/assets/diagram-js.css 404 NOT Found
(there are some more error messages that tell me some data isn’t available)

I’m not sure if I did everything right to be able to use the properties panel?
Any help is much appreciated :slight_smile:

2

Hi @paddy and welcome to the forum,

the properties panel example already includes all the dependencies you need. So no need to manually copy around stuff.

Basically you can do the following:

git clone git@github.com:bpmn-io/bpmn-js-examples.git
cd bpmn-js-examples/properties-panel
npm i
npm run start

So this will (1) copy all examples to your local filesystem, (2) change into the properties-panel example / folder, (3) install the dependencies as described in the package.json file, (4) serve the webpage via http://localhost:5000/. So you can then just type http://localhost:5000/ into your browser and see the example in practice.

I think it will also make sense for you to take a look at the package.json file to learn what happens when you type npm run start.

Hope this helps.

Max

1 Like
3

Hey @maxtru and thanks for the fast answer!

I didn’t expect it to be so “easy”, thanks a lot!
You saved my day :slight_smile:

Paddy