Running playgrounds from repo

[corvino]

I'm trying to run the React playground from the repo to play with component code (for potentially developing a new component the same way), but not having much success.

Trying to get started, I run (from the root of the repo):

yarn set version berry
yarn install
yarn react playground

and get the following error:

Browserslist: caniuse-lite is outdated. Please run:
npx browserslist@latest --update-db
Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './lib/parser' is not defined by "exports" in /Users/vino/code/opensource/headlessui/node_modules/next/node_modules/postcss/package.json
    at new NodeError (node:internal/errors:371:5)
    at throwExportsNotFound (node:internal/modules/esm/resolve:416:9)
    at packageExportsResolve (node:internal/modules/esm/resolve:669:3)
    at resolveExports (node:internal/modules/cjs/loader:482:36)
    at Function.Module._findPath (node:internal/modules/cjs/loader:522:31)
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:919:27)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:999:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.552 (/Users/vino/code/opensource/headlessui/node_modules/next/dist/compiled/postcss-scss/scss-syntax.js:1:11590)
    at __webpack_require__ (/Users/vino/code/opensource/headlessui/node_modules/next/dist/compiled/postcss-scss/scss-syntax.js:1:11735)
    at Object.270 (/Users/vino/code/opensource/headlessui/node_modules/next/dist/compiled/postcss-scss/scss-syntax.js:1:400)
    at __webpack_require__ (/Users/vino/code/opensource/headlessui/node_modules/next/dist/compiled/postcss-scss/scss-syntax.js:1:11735)
    at Object.327 (/Users/vino/code/opensource/headlessui/node_modules/next/dist/compiled/postcss-scss/scss-syntax.js:1:260)
    at __webpack_require__ (/Users/vino/code/opensource/headlessui/node_modules/next/dist/compiled/postcss-scss/scss-syntax.js:1:11735)
    at Object.845 (/Users/vino/code/opensource/headlessui/node_modules/next/dist/compiled/postcss-scss/scss-syntax.js:1:3733) {
  code: 'ERR_PACKAGE_PATH_NOT_EXPORTED'
}

I've tried changing things a bit, trying to get various build scripts to run, and haven't had much success.

The due playground does run with yarn react playground, but I get the following error message:

[vite] Failed to resolve module import "@headlessui/vue/dist/index.esm.js". (imported by /src/components/menu/menu.vue)

Any advice would be appreciated. Is their a guide for developing and contributing?

Nathan

[corvino]

I just noticed the message about running npx browserslist@latest --update-db and tried this. It also produces an error:

/Users/vino/code/opensource/headlessui/node_modules/browserslist/update-db.js:51
    if (match[1]) return match[1]
             ^

TypeError: Cannot read properties of null (reading '1')
    at getCurrentVersion (/Users/vino/code/opensource/headlessui/node_modules/browserslist/update-db.js:51:14)
    at updateDB (/Users/vino/code/opensource/headlessui/node_modules/browserslist/update-db.js:121:17)
    at Object.<anonymous> (/Users/vino/code/opensource/headlessui/node_modules/browserslist/cli.js:40:3)
    at Module._compile (node:internal/modules/cjs/loader:1095:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1147:10)
    at Module.load (node:internal/modules/cjs/loader:975:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:17:47

Node.js v17.0.1