Uncaught ReferenceError: require is not defined

[bwwilliam]

I am using the angular seed project as the base AngularSeed project.
I then use angular2 schema form to produce the dynamic forms.
And the dynamic form project has dependency on z-schema.
After doing the treeshaking, aot build (build.prod.rollup.aot), it shows the following error in the developer tools window.
Can someone please provide some help on this? The main problem is due to the rollup. If I simply do build.prod.aot, there is no issues.

[bwwilliam]

If I change the reference from let ZSchema = require('z-schema') to import * as ZSchema from 'z-schema/dist/ZSchema-browser'
This is what I got

[zaggino]

hi, ZSchema-browser is already browserified file, maybe try just using import * as ZSchema from 'z-schema' when using roll-up ?

[bwwilliam]

Hi @zaggino , thanks for your response. I tried it and unfortunately it did not work. https://github.com/bwwilliam/poc/blob/master/src/client/app/shared/schema-form/schemavalidatorfactory.ts
Here is the repo if you do not mind to take a look Source Code