Yarn Berry Support

The Chromatic CLI seems to have issues running in a Yarn v2 project. Whenever we run yarn chromatic we get this error:

UnhandledPromiseRejectionWarning: TypeError: loggly.createClient is not a function

Wondering if this is a known issue with Yarn 2 or something else.

┆Issue is synchronized with this Asana task by Unito

[mayteio]

I am also getting the following error;

TypeError: Ko._resolveFilename is not a function

We run this in CircleCI. In the meantime, we’ve got the following step in the job that switches to using the node-modules linker for pnp, which allows the job to run successfully:

  storybook_www:
    steps:
      - checkout
      - run:
          name: Change yarn pnp linker to node-modules
          command: sed -i '' 's/pnp/node-modules/' .yarnrc.yml
      - run: yarn install
      - run: npx chromatic ...

[ndelangen]

I’m trying to reproduce this.

I made a new storybook repoduction with pnp enabled. https://github.com/ndelangen/storybook-pnp-repro

I immediately ran into a problem getting storybook to run. I applied a hot hack to my .pnp.cjs file and got it to run. https://discord.com/channels/486522875931656193/490070912448724992/875332132535410688

Next I installed chromatic, and my .pnp.cjs file got overwritten, breaking storybook again. I applied my fix again, and got storybook to run again.

Now I try and run the chromatic command, but this fails. Seems yarn pnp and the esm-package are fighting and neither wins.

TypeError: Ko._resolveFilename is not a function
    at wu (/Users/dev/.yarn/berry/cache/esm-npm-3.2.25-762b3ebd40-8.zip/node_modules/esm/esm.js:1:226797)
    at Eu (/Users/dev/.yarn/berry/cache/esm-npm-3.2.25-762b3ebd40-8.zip/node_modules/esm/esm.js:1:227999)
    at Module.<anonymous> (/Users/dev/.yarn/berry/cache/esm-npm-3.2.25-762b3ebd40-8.zip/node_modules/esm/esm.js:1:295976)
    at n (/Users/dev/.yarn/berry/cache/esm-npm-3.2.25-762b3ebd40-8.zip/node_modules/esm/esm.js:1:279589)
    at Object.<anonymous> (/Users/dev/.yarn/berry/cache/chromatic-npm-5.9.2-9561fc1d25-8.zip/node_modules/chromatic/bin/register.js:4:23)
    at Module._compile (internal/modules/cjs/loader.js:1085:14)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
    at Module.load (internal/modules/cjs/loader.js:950:32)
    at Function.external_module_.Module._load (/Users/dev/Projects/Chroma/repro-pnp/.pnp.cjs:27681:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:76:12)