search

pmndrs / uikit

🎨 user interfaces for react-three-fiber
https://pmndrs.github.io/uikit/docs/
Other
2.68k stars 138 forks source link

Can't build #3

Closed K4CZP3R closed 8 months ago

K4CZP3R commented 8 months ago

After 

pnpm install
pnpm -r inline-wasm pnpm -r convert
pnpm -r generate
pnpm -r build

I get the following error:

Scope: 8 of 9 workspace projects
packages/uikit build$ tsc
│ src/components/input.tsx(102,5): error TS2304: Cannot find name 'el'.
│ src/components/input.tsx(103,18): error TS2304: Cannot find name 'el'.
│ src/components/input.tsx(114,27): error TS2532: Object is possibly 'undefined'.
│ src/components/input.tsx(125,23): error TS2304: Cannot find name 'getCursorPosition'.
│ src/components/input.tsx(128,25): error TS2532: Object is possibly 'undefined'.
│ src/components/input.tsx(141,11): error TS2532: Object is possibly 'undefined'.
│ src/components/input.tsx(142,11): error TS2304: Cannot find name 'el'.
│ src/components/input.tsx(148,23): error TS2304: Cannot find name 'getCursorPosition'.
│ src/components/input.tsx(149,11): error TS2532: Object is possibly 'undefined'.
│ src/components/input.tsx(150,11): error TS2532: Object is possibly 'undefined'.
│ src/components/input.tsx(151,11): error TS2532: Object is possibly 'undefined'.
│ src/components/input.tsx(152,11): error TS2304: Cannot find name 'el'.
│ src/components/input.tsx(158,24): error TS2532: Object is possibly 'undefined'.
│ src/components/input.tsx(163,25): error TS2532: Object is possibly 'undefined'.
│ src/components/input.tsx(181,11): error TS2532: Object is possibly 'undefined'.
│ src/components/input.tsx(182,11): error TS2304: Cannot find name 'el'.
│ src/components/input.tsx(224,9): error TS2683: 'this' implicitly has type 'any' because it does not have a type annotation.
└─ Failed in 1.4s at /Users/kacperserewis/Documents/dev/uikit/packages/uikit
/Users/kacperserewis/Documents/dev/uikit/packages/uikit:
 ERR_PNPM_RECURSIVE_RUN_FIRST_FAIL  @react-three/uikit@0.0.0 build: `tsc`
Exit status 2
bbohlender commented 8 months ago

@K4CZP3R Sorry, pushed an unfinished input component. You can simply remove components/input.tsx

Will be fixed soon

bbohlender commented 8 months ago

Should be fixed now, please update via git pull

zaydek commented 8 months ago

Also having issues building:

__corpo % git clone https://github.com/pmndrs/uikit uikit2
Cloning into 'uikit2'...
remote: Enumerating objects: 908, done.
remote: Counting objects: 100% (254/254), done.
remote: Compressing objects: 100% (162/162), done.
remote: Total 908 (delta 121), reused 182 (delta 86), pack-reused 654
Receiving objects: 100% (908/908), 28.99 MiB | 16.06 MiB/s, done.
Resolving deltas: 100% (483/483), done.
__corpo % cd uikit2
uikit2 % pnpm install
pnpm -r inline-wasm pnpm -r convert
pnpm -r generate
pnpm -r build
Scope: all 10 workspace projects
 WARN  Ignoring broken lockfile at /Users/zaydek/Code/__corpo/uikit2: Lockfile /Users/zaydek/Code/__corpo/uikit2/pnpm-lock.yaml not compatible with current pnpm
packages/fonts                           |  WARN  deprecated core-js@2.6.12
packages/fonts                           |  WARN  deprecated @babel/polyfill@7.12.1
packages/fonts                           |  WARN  deprecated mkdirp@0.5.1
packages/fonts                           |  WARN  deprecated phin@2.9.3
Packages: +802
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Packages are hard linked from the content-addressable store to the virtual store.
  Content-addressable store is at: /Users/zaydek/Library/pnpm/store/v3
  Virtual store is at:             node_modules/.pnpm
node_modules/.pnpm/nice-napi@1.0.2/node_modules/nice-napi: Running install scripnode_modules/.pnpm/nice-napi@1.0.2/node_modules/nice-napi: Running install script, failed in 491ms (skipped as optional)loaded 0, added 802, done
node_modules/.pnpm/esbuild@0.19.12/node_modules/esbuild: Running postinstall scrnode_modules/.pnpm/esbuild@0.19.12/node_modules/esbuild: Running postinstall script, done in 264ms

devDependencies:
+ @react-three/eslint-plugin 0.1.1
+ @types/chai 4.3.12
+ @types/chai-as-promised 7.1.8
+ @types/mocha 10.0.6
+ @types/react 18.2.59
+ @types/react-dom 18.2.19
+ @typescript-eslint/eslint-plugin 7.1.0
+ @typescript-eslint/parser 7.1.0
+ @vitejs/plugin-react 4.2.1
+ chai 4.4.1 (5.1.0 is available)
+ chai-as-promised 7.1.1
+ eslint 8.57.0
+ eslint-config-prettier 9.1.0
+ eslint-import-resolver-alias 1.1.2
+ eslint-plugin-import 2.29.1
+ eslint-plugin-jest 27.9.0
+ eslint-plugin-prettier 5.1.3
+ eslint-plugin-react 7.33.2
+ eslint-plugin-react-hooks 4.6.0
+ json 11.0.0
+ mocha 10.3.0
+ prettier 3.2.5
+ ts-node 10.9.2
+ typescript 5.3.3
+ vite 5.1.4

 ERR_PNPM_PEER_DEP_ISSUES  Unmet peer dependencies

.
├─┬ ts-node 10.9.2
│ └── ✕ missing peer @types/node@"*"
└─┬ vite 5.1.4
  └── ✕ missing peer @types/node@"^18.0.0 || >=20.0.0"
Peer dependencies that should be installed:
  @types/node@">=18.0.0 <19.0.0 || >=20.0.0"

examples/default
├─┬ @coconut-xr/xinteraction 0.1.12
│ └── ✕ missing peer three@"*"
├─┬ @react-three/drei 9.99.4
│ ├── ✕ missing peer three@>=0.137
│ ├─┬ @react-spring/three 9.6.1
│ │ └── ✕ missing peer three@>=0.126
│ ├─┬ camera-controls 2.8.3
│ │ └── ✕ missing peer three@>=0.126.1
│ ├─┬ maath 0.10.7
│ │ ├── ✕ missing peer three@>=0.144.0
│ │ └── ✕ missing peer @types/three@>=0.144.0
│ ├─┬ meshline 3.2.0
│ │ └── ✕ missing peer three@>=0.137
│ ├─┬ three-mesh-bvh 0.7.3
│ │ └── ✕ missing peer three@">= 0.151.0"
│ ├─┬ three-stdlib 2.29.4
│ │ └── ✕ missing peer three@>=0.128.0
│ └─┬ troika-three-text 0.49.0
│   ├── ✕ missing peer three@>=0.125.0
│   └─┬ troika-three-utils 0.49.0
│     └── ✕ missing peer three@>=0.125.0
├─┬ @react-three/fiber 8.15.16
│ └── ✕ missing peer three@>=0.133
└─┬ r3f-perf 7.1.2
  └── ✕ missing peer three@>=0.133
Peer dependencies that should be installed:
  @types/three@>=0.144.0  three@>=0.151.0

examples/lucide
├─┬ @react-three/drei 9.99.4
│ ├── ✕ missing peer three@>=0.137
│ ├─┬ @react-spring/three 9.6.1
│ │ └── ✕ missing peer three@>=0.126
│ ├─┬ camera-controls 2.8.3
│ │ └── ✕ missing peer three@>=0.126.1
│ ├─┬ maath 0.10.7
│ │ ├── ✕ missing peer three@>=0.144.0
│ │ └── ✕ missing peer @types/three@>=0.144.0
│ ├─┬ meshline 3.2.0
│ │ └── ✕ missing peer three@>=0.137
│ ├─┬ three-mesh-bvh 0.7.3
│ │ └── ✕ missing peer three@">= 0.151.0"
│ ├─┬ three-stdlib 2.29.4
│ │ └── ✕ missing peer three@>=0.128.0
│ └─┬ troika-three-text 0.49.0
│   ├── ✕ missing peer three@>=0.125.0
│   └─┬ troika-three-utils 0.49.0
│     └── ✕ missing peer three@>=0.125.0
└─┬ @react-three/fiber 8.15.16
  └── ✕ missing peer three@>=0.133
Peer dependencies that should be installed:
  @types/three@>=0.144.0  three@>=0.151.0

packages/kits/default
├─┬ @react-three/fiber 8.15.16
│ ├── ✕ missing peer react@>=18.0
│ ├── ✕ missing peer react-dom@>=18.0
│ ├─┬ its-fine 1.1.1
│ │ └── ✕ missing peer react@>=18.0
│ ├─┬ react-reconciler 0.27.0
│ │ └── ✕ missing peer react@^18.0.0
│ ├─┬ react-use-measure 2.1.1
│ │ ├── ✕ missing peer react@>=16.13
│ │ └── ✕ missing peer react-dom@>=16.13
│ ├─┬ suspend-react 0.1.3
│ │ └── ✕ missing peer react@>=17.0
│ └─┬ zustand 3.7.2
│   └── ✕ missing peer react@>=16.8
└─┬ tunnel-rat 0.1.2
  └─┬ zustand 4.5.1
    ├── ✕ missing peer react@>=16.8
    └─┬ use-sync-external-store 1.2.0
      └── ✕ missing peer react@"^16.8.0 || ^17.0.0 || ^18.0.0"
Peer dependencies that should be installed:
  react-dom@>=18.0.0        react@">=18.0.0 <19.0.0"

hint: If you want peer dependencies to be automatically installed, add "auto-install-peers=true" to an .npmrc file at the root of your project.
hint: If you don't want pnpm to fail on peer dependency issues, add "strict-peer-dependencies=false" to an .npmrc file at the root of your project.
Scope: 9 of 10 workspace projects
packages/uikit inline-wasm$ wasmwrap --include-decode false --input node_modul
└─ Done in 171ms
Scope: 9 of 10 workspace projects
packages/uikit generate$ node --loader ts-node/esm scripts/flex-generate-sette
│ (node:49501) ExperimentalWarning: `--experimental-loader` may be removed in
│ --import 'data:text/javascript,import { register } from "node:module"; impor
│ (Use `node --trace-warnings ...` to show where the warning was created)
└─ Done in 333ms
packages/icons/lucide generate$ node --loader ts-node/esm ./generate.ts
│ (node:49502) ExperimentalWarning: `--experimental-loader` may be removed in
│ --import 'data:text/javascript,import { register } from "node:module"; impor
│ (Use `node --trace-warnings ...` to show where the warning was created)
└─ Done in 269ms
Scope: 9 of 10 workspace projects
packages/uikit build$ tsc
└─ Done in 1.5s
packages/icons/lucide build$ tsc -p ./tsconfig.build.json
└─ Done in 526ms
uikit2 % cd examples/dashboard
dashboard % pnpm dev

> @ dev /Users/zaydek/Code/__corpo/uikit2/examples/dashboard
> vite --host

  VITE v5.1.4  ready in 481 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: http://192.168.0.132:5173/
  ➜  press h + enter to show help
^C%
dashboard %

Console error is Uncaught SyntaxError: The requested module '/@fs/Users/zaydek/Code/__corpo/uikit2/packages/icons/lucide/dist/index.js' does not provide an export named 'X' (at dialog.tsx:15:10)

Is the GitHub Pages deployed? Any demo links we can use as well?

K4CZP3R commented 8 months ago

Yes, my problem is fixed!

bbohlender commented 8 months ago

@zaydek

pnpm-lock.yaml not compatible with current pnpm your pnpm might be outdated

here's a link to a public demo

the repo is still under construction. README, docs, examples, etc. are still in progress :)