# Errors while running project for first time

**URL:** <https://jsonforms.discourse.group/t/errors-while-running-project-for-first-time/652>\
**Category:** General\
**Created:** [March 9, 2022, 4:48pm UTC](https://jsonforms.discourse.group/t/errors-while-running-project-for-first-time/652 "2022-03-09T16:48:25Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jayrack813](https://avatars.discourse-cdn.com/v4/letter/j/a183cd/32.png) [@Jayrack813](https://jsonforms.discourse.group/u/Jayrack813)\
**Post date:** [March 9, 2022, 4:48pm UTC](https://jsonforms.discourse.group/t/errors-while-running-project-for-first-time/652/1 "2022-03-09T16:48:25Z")

</div>

Hey all,

I’ve installed @jsonforms/core": "^3.0.0-alpha.1 into my project along with:  
“ajv”: “^8.10.0”,  
“ajv-errors”: “^3.0.0”. When trying to run my project I get the following error:

Error: ./node\_modules/@jsonforms/core/lib/jsonforms-core.esm.js 378:22  
Module parse failed: Unexpected token (378:22)  
File was processed with these loaders:

- ./node\_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js

- ./node\_modules/@ngtools/webpack/src/ivy/index.js  
You may need an additional loader to handle the result of these loaders.

Thanks

---

<div class="post-metadata">

**Author:** ![sdirix](https://yyz2.discourse-cdn.com/free1/user_avatar/jsonforms.discourse.group/sdirix/32/1073_2.png) [@sdirix](https://jsonforms.discourse.group/u/sdirix)\
**Post date:** [March 9, 2022, 7:34pm UTC](https://jsonforms.discourse.group/t/errors-while-running-project-for-first-time/652/2 "2022-03-09T19:34:56Z")

</div>

Hi!

We release our libs as ESM modules targeting the latest JS standard. It seems that your Webpack configuration can’t handle this (i.e. it doesn’t understand the optional chaining ‘`?`’).

One way of solving this is to add the babel plugins `@babel/plugin-proposal-optional-chaining` and `@babel/plugin-proposal-nullish-coalescing-operator` to your build.

---

<div class="post-metadata">

**Author:** ![Jayrack813](https://avatars.discourse-cdn.com/v4/letter/j/a183cd/32.png) [@Jayrack813](https://jsonforms.discourse.group/u/Jayrack813)\
**Post date:** [March 9, 2022, 9:57pm UTC](https://jsonforms.discourse.group/t/errors-while-running-project-for-first-time/652/3 "2022-03-09T21:57:02Z")

</div>

Hi @sdirix ,

Thanks for the response. I’ve added both those plugins and I’m still getting the same error. Is there any compatibility issue regarding 3.0.0-alpha.1 and Angular 11? If not, what version is compatible with Angular 11?

Thanks for your time

---

<div class="post-metadata">

**Author:** ![sdirix](https://yyz2.discourse-cdn.com/free1/user_avatar/jsonforms.discourse.group/sdirix/32/1073_2.png) [@sdirix](https://jsonforms.discourse.group/u/sdirix)\
**Post date:** [March 14, 2022, 11:27am UTC](https://jsonforms.discourse.group/t/errors-while-running-project-for-first-time/652/4 "2022-03-14T11:27:42Z")

</div>

We updated to Angular 12 in between `3.0.0-alpha.1` and `3.0.0-alpha.2`. `3.0.0-alpha.1` was still built against Angular 9. From my understanding `3.0.0-alpha.1` should work fine with Angular 11.

The Babel plugin suggestion is not needed if you’re still using `3.0.0-alpha.1` as the build changes only came later with the first beta.

However looking at your dependencies, you specified `^3.0.0-alpha.1`. So you probably are actually using a later version. I would try to pin the version or update to Angular 12.

---

<div class="post-metadata">

**Author:** ![Jayrack813](https://avatars.discourse-cdn.com/v4/letter/j/a183cd/32.png) [@Jayrack813](https://jsonforms.discourse.group/u/Jayrack813)\
**Post date:** [March 14, 2022, 7:27pm UTC](https://jsonforms.discourse.group/t/errors-while-running-project-for-first-time/652/5 "2022-03-14T19:27:02Z")

</div>

Thanks for the reply. I’ve changed to 3.0.0-alpha.1 and it is working as expected. Thanks for the help!