Support for the experimental syntax 'classProperties' isn't currently enabled

bennypowers commented 3 years ago

Compare

https://unpkg.com/haunted@4.8.1/lib/create-effect.js?module

import { Hook, hook } from "./hook.js?module";
function createEffect(setEffects) {
  return hook(class extends Hook {
    constructor(id, state, ignored1, ignored2) {
      super(id, state);
      setEffects(state, this);
    }
    update(callback, values) {
      this.callback = callback;
      this.values = values;
    }
    call() {
      if (!this.values || this.hasChanged()) {
        this.run();
      }
      this.lastValues = this.values;
    }
    run() {
      this.teardown();
      this._teardown = this.callback.call(this.state);
    }
    teardown() {
      if (typeof this._teardown === 'function') {
        this._teardown();
      }
    }
    hasChanged() {
      return !this.lastValues || this.values.some((value, i) => this.lastValues[i] !== value);
    }});

}
export { createEffect };

with

https://unpkg.com/haunted@4.8.2/lib/create-effect.js?module

Cannot generate module for haunted@4.8.2/lib/create-effect.js

SyntaxError: unknown: Support for the experimental syntax 'classProperties' isn't currently enabled (4:17):

  2 | function createEffect(setEffects) {
  3 |     return hook(class extends Hook {
> 4 |         callback;
    |                 ^
  5 |         lastValues;
  6 |         values;
  7 |         _teardown;

Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the 'plugins' section of your Babel config to enable transformation.

undefined

Ostensibly some babelrc work is needed?