ERROR Error: unknown type <camunda:Properties> Angular

I add bpmn-property-panel to project
and panel come in when i want to add property in Extension tab ,
i got this error

ERROR Error: unknown type camunda:Properties
at un.mapTypes (bpmn-modeler.production.min.js:1672)
at un.getEffectiveDescriptor (bpmn-modeler.production.min.js:1676)
at yi.fn.getType (bpmn-modeler.production.min.js:1703)
at yi.fn.create (bpmn-modeler.production.min.js:1698)
at Gu.create (bpmn-modeler.production.min.js:11736)
at Object.push…/node_modules/bpmn-js-properties-panel/lib/helper/ElementHelper.js.ElementHelper.createElement (ElementHelper.js:19)
at addElement (Properties.js:123)
at Object.set (TableEntryFactory.js:205)
at PropertiesPanel.push…/node_modules/bpmn-js-properties-panel/lib/PropertiesPanel.js.PropertiesPanel.applyChanges (PropertiesPanel.js:714)
at HTMLDivElement.onClick (PropertiesPanel.js:581)

@sinanasiri

Install bpmn-js-properties-panel and camunda-bpmn-moddle packages and import

import propertiesPanelModule from 'bpmn-js-properties-panel';
import propertiesProviderModule from 'bpmn-js-properties-panel/lib/provider/camunda';
import camundaModdleDescriptor from 'camunda-bpmn-moddle/resources/camunda';

Hope it will be useful.

i already install it … in code image right tab library are added

Have you included the Camunda model extension?

yes in line 14 15 16 17
thank you philipp

I am stuck with the same problem, hope someone help us!

Attaching screenshots of code is not helpful. I can’t read any of it. Luckily, you can use Markdown: https://guides.github.com/features/mastering-markdown/

Maybe this will be helpful for someone.

Importing camunda properties from camunda-bpmn-moddle/resources/camunda using the format below will wrap your json into a default parameter

import * as camundaModdleDescriptor from 'camunda-bpmn-moddle/resources/camunda.json'

it is better to use this apporach

import camundaModdleDescriptor from 'camunda-bpmn-moddle/resources/camunda';
1 Like

I also have same problem anybody please help me

This is not a code bug, its project setup issue.

If you are using Angular, Please follow the following steps

  1. Open your TSCONFIG.JSON file and
  2. Add the following two compiler options
    “resolveJsonModule”: true,
    “esModuleInterop”: true,

Example TSConfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "resolveJsonModule": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "lib": [
      "es2018",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictInjectionParameters": true
  }
}

AppComponent Changes

  1. Open your AppComponent
  2. Change the camundaModdleDescriptor import statement
    from
import * as camundaModdleDescriptor  from 'camunda-bpmn-moddle/resources/camunda.json';

to

import { default as camundaModdleDescriptor } from 'camunda-bpmn-moddle/resources/camunda.json';

You are spot on. This resolves the issue.

1 Like

Thank you so much you helped me alot i have no words how much you helped me only
one issue is pending the on select task property should auto fill once u done please update me how can i achieve this

That’s a different question. For a new question please open a new topic.