title: Angular & ngrx: Unexpected token. A constructor, method, accessor, or property was expected
body: <p>I have a table where I add and delete and update data for that I use ngrx doing the CRUD method, I have a problem when I try to recover the error if there is one in my effect components.
  The error is in my effect file</p>
  <p>Here is the error: <strong>Unexpected token. A constructor, method, accessor, or property was expected</strong></p>
  <p><strong>actions</strong></p>
  <pre><code>export const ActionTypes = {
  
     // addSucces: '[PeriodicElement] addSucces',
    addError: '[PeriodicElement] addError',
  
    preAdd: '[PeriodicElement] preAdd',
    Add: '[PeriodicElement] Add',
  
  };
  
  export const addTable = createAction(
    ActionTypes.Add,
    props&lt;{ payload: PeriodicElement }&gt;()
  );
  
  export const addTableError = createAction(
    ActionTypes.addError,
    props&lt;{ payload: any }&gt;()
  );
  </code></pre>
  <p><strong>effect</strong></p>
  <pre><code>  addTable = createEffect(() =&gt;
      this.actions.pipe(
        ofType(TableActions.ActionTypes.preAdd),
        mergeMap((name: any) =&gt;
          this.tableService.create(name.payload).pipe(
            map(
              (table) =&gt; TableActions.addTable({ payload: table }),
              catchError((error) =&gt; of(TableActions.addTableError({payload: error})))
              )
            )
          )
        )
      )
    );
  </code></pre>
  <p>I don't know if this is the way to recover the error</p>