troisjs / trois

✨ ThreeJS + VueJS 3 + ViteJS ⚡
https://troisjs.github.io
MIT License
4.24k stars 304 forks source link

Build failed #160

Open nullx1337 opened 2 years ago

nullx1337 commented 2 years ago

Hello as i'm trying to add CSS3DObjects to Trois i need to build the library, but sadly i'm unable to set it up correctly.

Versions

node:v16.17.0 npm:8.15.0 yarn:1.22.19 Trois.js: 0.3.4

Steps to reproduce

Clone repo at commit https://github.com/troisjs/trois/commit/fff36604c4e71330ff3ec56678be7fdb7fb594c2

npm results in following error

npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: troisjs@0.3.4
npm ERR! Found: eslint@8.23.0
npm ERR! node_modules/eslint
npm ERR!   dev eslint@"^8.1.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer eslint@"^7.12.1" from @vue/eslint-config-standard@6.1.0
npm ERR! node_modules/@vue/eslint-config-standard
npm ERR!   dev @vue/eslint-config-standard@"^6.1.0" from the root project

npm install --legacy-peer-deps running throug but gives warnings

 npm install --legacy-peer-deps
npm WARN deprecated @volar/html2pug@0.31.4: WARNING: This project has been renamed to @johnsoncodehk/html2pug. Install using @johnsoncodehk/html2pug instead.
npm WARN deprecated vscode-pug-languageservice@0.31.4: WARNING: This project has been renamed to @volar/pug-language-service. Install using @volar/pug-language-service instead.
npm WARN deprecated vscode-typescript-languageservice@0.31.4: WARNING: This project has been renamed to @volar/typescript-language-service. Install using @volar/typescript-language-service instead.
npm WARN deprecated vscode-vue-languageservice@0.31.4: WARNING: This project has been renamed to @volar/vue-language-service. Install using @volar/vue-language-service instead.

added 338 packages, and audited 339 packages in 31s

85 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

yarn is installing but giving warnings

yarn  
yarn install v1.22.19
info No lockfile found.
[1/4] Resolving packages...
warning vue-tsc > vscode-vue-languageservice@0.31.4: WARNING: This project has been renamed to @volar/vue-language-service. Install using @volar/vue-language-service instead.
warning vue-tsc > vscode-vue-languageservice > vscode-pug-languageservice@0.31.4: WARNING: This project has been renamed to @volar/pug-language-service. Install using @volar/pug-language-service instead.
warning vue-tsc > vscode-vue-languageservice > @volar/html2pug@0.31.4: WARNING: This project has been renamed to @johnsoncodehk/html2pug. Install using @johnsoncodehk/html2pug instead.
warning vue-tsc > vscode-vue-languageservice > vscode-typescript-languageservice@0.31.4: WARNING: This project has been renamed to @volar/typescript-language-service. Install using @volar/typescript-language-service instead.
[2/4] Fetching packages...
[3/4] Linking dependencies...
warning "@rollup/plugin-replace > @rollup/pluginutils@3.1.0" has unmet peer dependency "rollup@^1.20.0||^2.0.0".
warning " > @vue/eslint-config-standard@6.1.0" has incorrect peer dependency "eslint@^7.12.1".
warning " > @vue/eslint-config-standard@6.1.0" has incorrect peer dependency "eslint-plugin-promise@^4.2.1 || ^5.0.0".
warning " > @vue/eslint-config-standard@6.1.0" has incorrect peer dependency "eslint-plugin-vue@^7.0.0".
warning "@vue/eslint-config-standard > eslint-import-resolver-webpack@0.13.2" has unmet peer dependency "webpack@>=1.11.0".
warning "@vue/eslint-config-standard > eslint-config-standard@16.0.3" has incorrect peer dependency "eslint@^7.12.1".
warning "@vue/eslint-config-standard > eslint-config-standard@16.0.3" has incorrect peer dependency "eslint-plugin-promise@^4.2.1 || ^5.0.0".
warning " > rollup-plugin-dts@4.2.2" has unmet peer dependency "rollup@^2.55".
warning " > rollup-plugin-esbuild@4.10.1" has unmet peer dependency "rollup@^1.20.0 || ^2.0.0".
[4/4] Building fresh packages...
success Saved lockfile.
Done in 36.47s.

After yarn or npm lagacy is finished i get a running instance of vue with a spinning box.

npm run dev
or
yarn run dev

Every other script in the package.json will fail.

npm run build

> troisjs@0.3.4 build
> vue-tsc --noEmit && vite build

node_modules/@vue/runtime-core/dist/runtime-core.d.ts:1848:33 - error TS2344: Type 'HostElement' does not satisfy the constraint 'RendererElement'.

1848     transition: TransitionHooks<HostElement> | null;
                                     ~~~~~~~~~~~

  node_modules/@vue/runtime-core/dist/runtime-core.d.ts:1830:57
    1830 export declare interface VNode<HostNode = RendererNode, HostElement = RendererElement, ExtraProps = {
                                                                 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    This type parameter might need an `extends RendererElement` constraint.

Found 1 error in node_modules/@vue/runtime-core/dist/runtime-core.d.ts:1848
yarn run build
yarn run v1.22.19
$ vue-tsc --noEmit && vite build
node_modules/@vue/runtime-core/dist/runtime-core.d.ts:1848:33 - error TS2344: Type 'HostElement' does not satisfy the constraint 'RendererElement'.

1848     transition: TransitionHooks<HostElement> | null;
                                     ~~~~~~~~~~~

  node_modules/@vue/runtime-core/dist/runtime-core.d.ts:1830:57
    1830 export declare interface VNode<HostNode = RendererNode, HostElement = RendererElement, ExtraProps = {
                                                                 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    This type parameter might need an `extends RendererElement` constraint.

Found 1 error in node_modules/@vue/runtime-core/dist/runtime-core.d.ts:1848

error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

What is expected?

Building the library

What is actually happening?

Build crashes due to unsatisfied type constraints