History Plugin and Angular

[uahic]

Which @ngneat/elf-* package(s) are the source of the bug?

state-history

Is this a regression?

No

Description

I receive the following error after I installed the stateHistory plugin and included it into my code as follows:

export const store = new Store({ name: 'laneGraph', state, config });
export const todosStateHistory = stateHistory(store);

@Injectable({ providedIn: 'root' })
export class LaneGraphStore {
... operations on store ...
}

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

Error: ./node_modules/@ngneat/elf-state-history/state-history.esm.js 164:22
Module parse failed: Unexpected token (164: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.
|     }
| 
>     this.subscription?.unsubscribe();
|   }
|

Please provide the environment you discovered this bug in

Angular 10

Anything else?

No response

Do you want to create a pull request?

No

[uahic]

Addition: Using in compiler options target: es2015 and 'module': es2020. Currently I'm trying to understand more of the webpack setup which seems to be the issue here.

Cant resolve the issue yet, is something not configured properly in the plugin package?

[NetanelBasal]

I can't reproduce it.

[uahic]

Thanks for trying though, I will create a new Angular test project this evening to see if I myself can reproduce it or if the setup of the real project is somehow broken (everything else works tho, except for this plugin).:dagger:

[SonyStone]

I think the problem is with the ?operator in this.subscription?.unsubscribe();.

For some reason, one of the webpack's loaders is not familiar with it.

[strigefleur]

Probably takes you to upgrade TS version since you mentioned Angular 10.

[NetanelBasal]

You should use target: es2020