Is there an module dependencies conflicts? about form-js-examples HOT 12 CLOSED

finnally, i figure it out , cause preact duplicate, see https://github.com/Ken-Scofield/bpmn-form-demo,

resolve: {
      alias: {
        preact: path.resolve(__dirname, 'node_modules/preact'),
        '@bpmn-io/properties-panel/preact': path.resolve(__dirname, 'node_modules/preact'),
        '../preact': path.resolve(__dirname, 'node_modules/preact')
      }
},

3 path are used to import preact , set 3 alias to resolve it, I don't know if it's correct, but it does solve the problem.

from form-js-examples.

@Skaiir

from form-js-examples.

it's seems somewhere read hooks.module.js in error place, i cant figure it out? help!

from form-js-examples.

And, if i add this webpack config, I got another error in bpmnjs : EventBus.js:421 unhandled error in event listener TypeError: Cannot read properties of null (reading '__H') , help help help... bpmnjs report.

from form-js-examples.

@nikku can you help me? Is this because of the dependency "preact" ?

from form-js-examples.

Ensure you de-duplicate preact. Which example can you reproduce this with?

from form-js-examples.

Ensure you de-duplicate preact. Which example can you reproduce this with?

https://github.com/Ken-Scofield/bpmn-form-demo.git，my demo address， please carry me.

from form-js-examples.

Running with webpack5. Can't use "playground" and something else at the same time, OR, how to de-duplicate preact in webpack5?

from form-js-examples.

And i try :
resolve: {
alias: {
preact: path.resolve(__dirname, 'node_modules/preact'),
'../preact': path.resolve(__dirname, 'node_modules/preact')
// 'preact/hooks': path.resolve(__dirname, 'node_modules/preact/hooks/dist/hooks.module.js'),
// 'preact/jsx-runtime': path.resolve(__dirname, 'node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js'),
// 'preact/compat': path.resolve(__dirname, 'node_modules/preact/compat/dist/compat.module.js')
}
},
then bpmnjs not worked?

from form-js-examples.

I have used form-js-example and bpmn-js example in one project, and they cant work in the same time cause of preact module . Please help me firgure it out, Thanks ! @nikku

from form-js-examples.

@Ken-Scofield Beyond aliasing (which always works) npm dedupe or explicit dependency versioning through
overrides are known to work techniques to address this issue.

from form-js-examples.

@Ken-Scofield Beyond aliasing (which always works) npm dedupe or explicit dependency versioning through overrides are known to work techniques to address this issue.

Thank you very much, I've learned

from form-js-examples.