npm install: could not resolve

[huster-songtao]

PS D:\Projects\Telemedicine\src> git clone https://github.com/videosdk-live/videosdk-rtc-react-sdk-example.git
Cloning into 'videosdk-rtc-react-sdk-example'...
remote: Enumerating objects: 1466, done.
remote: Counting objects: 100% (342/342), done.
remote: Compressing objects: 100% (138/138), done.
remote: Total 1466 (delta 232), reused 251 (delta 201), pack-reused 1124
Receiving objects: 100% (1466/1466), 7.89 MiB | 978.00 KiB/s, done.

Resolving deltas: 100% (880/880), done.

PS D:\Projects\Telemedicine\src> cd videosdk-rtc-react-sdk-example

PS D:\Projects\Telemedicine\src\videosdk-rtc-react-sdk-example> dir

目录: D:\Projects\Telemedicine\src\videosdk-rtc-react-sdk-example

Mode LastWriteTime Length Name

---

d----- 2023/9/4 16:38 .github
d----- 2023/9/4 16:38 public
d----- 2023/9/4 16:38 src
-a---- 2023/9/4 16:38 317 .env.example
-a---- 2023/9/4 16:38 350 .gitignore
-a---- 2023/9/4 16:38 699405 package-lock.json
-a---- 2023/9/4 16:38 1340 package.json
-a---- 2023/9/4 16:38 145 postcss.config.js
-a---- 2023/9/4 16:38 21358 README.md
-a---- 2023/9/4 16:38 2652 tailwind.config.js

PS D:\Projects\Telemedicine\src\videosdk-rtc-react-sdk-example> npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @tailwindcss/[email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/tailwindcss
npm ERR! dev tailwindcss@"^2.2.4" from the root project
npm ERR! peer tailwindcss@">=2.0.0" from @tailwindcss/[email protected]
npm ERR! node_modules/@tailwindcss/forms
npm ERR! @tailwindcss/forms@"^0.3.2" from @windmill/[email protected]
npm ERR! node_modules/@windmill/react-ui
npm ERR! @windmill/react-ui@"^0.6.0" from the root project
npm ERR! 1 more (@windmill/react-ui)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer tailwindcss@">=3.0.0 || >= 3.0.0-alpha.1" from @tailwindcss/[email protected]
npm ERR! node_modules/@tailwindcss/typography
npm ERR! dev @tailwindcss/typography@"0.5.0-alpha.2" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/tailwindcss
npm ERR! peer tailwindcss@">=3.0.0 || >= 3.0.0-alpha.1" from @tailwindcss/[email protected]
npm ERR! node_modules/@tailwindcss/typography
npm ERR! dev @tailwindcss/typography@"0.5.0-alpha.2" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\Steven\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Steven\AppData\Local\npm-cache_logs\2023-09-04T08_40_31_864Z-debug-0.log

0 verbose cli E:\Program Files\nodejs\node.exe E:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js
1 info using [email protected]
2 info using [email protected]
3 timing npm:load:whichnode Completed in 1ms
4 timing config:load:defaults Completed in 1ms
5 timing config:load:file:E:\Program Files\nodejs\node_modules\npm\npmrc Completed in 4ms
6 timing config:load:builtin Completed in 4ms
7 timing config:load:cli Completed in 2ms
8 timing config:load:env Completed in 1ms
9 timing config:load:file:D:\Projects\Telemedicine\src\videosdk-rtc-react-sdk-example.npmrc Completed in 0ms
10 timing config:load:project Completed in 7ms
11 timing config:load:file:C:\Users\Steven.npmrc Completed in 0ms
12 timing config:load:user Completed in 0ms
13 timing config:load:file:C:\Users\Steven\AppData\Roaming\npm\etc\npmrc Completed in 0ms
14 timing config:load:global Completed in 1ms
15 timing config:load:validate Completed in 0ms
16 timing config:load:credentials Completed in 1ms
17 timing config:load:setEnvs Completed in 1ms
18 timing config:load Completed in 18ms
19 timing npm:load:configload Completed in 18ms
20 timing npm:load:mkdirpcache Completed in 2ms
21 timing npm:load:mkdirplogs Completed in 1ms
22 verbose title npm install
23 verbose argv "install"
24 timing npm:load:setTitle Completed in 1ms
25 timing config:load:flatten Completed in 3ms
26 timing npm:load:display Completed in 5ms
27 verbose logfile logs-max:10 dir:C:\Users\Steven\AppData\Local\npm-cache_logs
28 verbose logfile C:\Users\Steven\AppData\Local\npm-cache_logs\2023-09-04T08_40_31_864Z-debug-0.log
29 timing npm:load:logFile Completed in 13ms
30 timing npm:load:timers Completed in 1ms
31 timing npm:load:configScope Completed in 0ms
32 timing npm:load Completed in 42ms
33 timing arborist:ctor Completed in 0ms
34 silly logfile start cleaning logs, removing 2 files
35 silly logfile done cleaning log files
36 timing idealTree:init Completed in 1055ms
37 timing idealTree:userRequests Completed in 0ms
38 silly idealTree buildDeps
39 silly fetch manifest @videosdk.live/react-sdk@^0.1.74
40 http fetch GET 200 https://registry.npmjs.org/@videosdk.live%2freact-sdk 1616ms (cache miss)
41 silly fetch manifest react@^18.2.0
42 http fetch GET 200 https://registry.npmjs.org/react 3782ms (cache miss)
43 silly placeDep ROOT @videosdk.live/[email protected] REPLACE for: [email protected] want: ^0.1.74
44 silly fetch manifest @videosdk.live/[email protected]
45 http fetch GET 200 https://registry.npmjs.org/@videosdk.live%2fjs-sdk 552ms (cache miss)
46 timing idealTree:#root Completed in 5983ms
47 silly fetch manifest tailwindcss@>=3.0.0 || >= 3.0.0-alpha.1
48 http fetch GET 200 https://registry.npmjs.org/tailwindcss 7784ms (cache miss)
49 timing idealTree Completed in 14867ms
50 timing command:install Completed in 14882ms
51 verbose stack Error: could not resolve
51 verbose stack at PlaceDep.failPeerConflict (E:\Program Files\nodejs\node_modules\npm\node_modules@npmcli\arborist\lib\place-dep.js:549:25)
51 verbose stack at PlaceDep.place (E:\Program Files\nodejs\node_modules\npm\node_modules@npmcli\arborist\lib\place-dep.js:199:21)
51 verbose stack at new PlaceDep (E:\Program Files\nodejs\node_modules\npm\node_modules@npmcli\arborist\lib\place-dep.js:73:10)
51 verbose stack at E:\Program Files\nodejs\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\build-ideal-tree.js:944:31
51 verbose stack at Array.map ()
51 verbose stack at Arborist.[buildDepStep] (E:\Program Files\nodejs\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\build-ideal-tree.js:944:8)
51 verbose stack at async Arborist.buildIdealTree (E:\Program Files\nodejs\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\build-ideal-tree.js:211:7)
51 verbose stack at async Promise.all (index 1)
51 verbose stack at async Arborist.reify (E:\Program Files\nodejs\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\reify.js:154:5)
51 verbose stack at async Install.exec (E:\Program Files\nodejs\node_modules\npm\lib\commands\install.js:145:5)
52 verbose cwd D:\Projects\Telemedicine\src\videosdk-rtc-react-sdk-example
53 verbose Windows_NT 10.0.19044
54 verbose node v16.20.0
55 verbose npm v8.19.4
56 error code ERESOLVE
57 error ERESOLVE could not resolve
58 error
59 error While resolving: �[1m@tailwindcss/typography�[22m@�[1m0.5.0-alpha.2�[22m
59 error Found: �[1mtailwindcss�[22m@�[1m2.2.19�[22m�[2m�[22m
59 error �[2mnode_modules/tailwindcss�[22m
59 error �[33mdev�[39m �[1mtailwindcss�[22m@"�[1m^2.2.4�[22m" from the root project
59 error �[35mpeer�[39m �[1mtailwindcss�[22m@"�[1m>=2.0.0�[22m" from �[1m@tailwindcss/forms�[22m@�[1m0.3.4�[22m�[2m�[22m
59 error �[2mnode_modules/@tailwindcss/forms�[22m
59 error �[1m@tailwindcss/forms�[22m@"�[1m^0.3.2�[22m" from �[1m@windmill/react-ui�[22m@�[1m0.6.0�[22m�[2m�[22m
59 error �[2mnode_modules/@windmill/react-ui�[22m
59 error �[1m@windmill/react-ui�[22m@"�[1m^0.6.0�[22m" from the root project
59 error 1 more (@windmill/react-ui)
59 error
59 error Could not resolve dependency:
59 error �[35mpeer�[39m �[1mtailwindcss�[22m@"�[1m>=3.0.0 || >= 3.0.0-alpha.1�[22m" from �[1m@tailwindcss/typography�[22m@�[1m0.5.0-alpha.2�[22m�[2m�[22m
59 error �[2mnode_modules/@tailwindcss/typography�[22m
59 error �[33mdev�[39m �[1m@tailwindcss/typography�[22m@"�[1m0.5.0-alpha.2�[22m" from the root project
59 error
59 error Conflicting peer dependency: �[1mtailwindcss�[22m@�[1m3.3.3�[22m�[2m�[22m
59 error �[2mnode_modules/tailwindcss�[22m
59 error �[35mpeer�[39m �[1mtailwindcss�[22m@"�[1m>=3.0.0 || >= 3.0.0-alpha.1�[22m" from �[1m@tailwindcss/typography�[22m@�[1m0.5.0-alpha.2�[22m�[2m�[22m
59 error �[2mnode_modules/@tailwindcss/typography�[22m
59 error �[33mdev�[39m �[1m@tailwindcss/typography�[22m@"�[1m0.5.0-alpha.2�[22m" from the root project
59 error
59 error Fix the upstream dependency conflict, or retry
59 error this command with --force, or --legacy-peer-deps
59 error to accept an incorrect (and potentially broken) dependency resolution.
59 error
59 error See C:\Users\Steven\AppData\Local\npm-cache\eresolve-report.txt for a full report.
60 verbose exit 1
61 timing npm Completed in 15430ms
62 verbose unfinished npm timer reify 1693816832354
63 verbose unfinished npm timer reify:loadTrees 1693816832366
64 verbose unfinished npm timer idealTree:buildDeps 1693816833424
65 verbose unfinished npm timer idealTree:node_modules/@tailwindcss/typography 1693816839409
66 verbose code 1
67 error A complete log of this run can be found in:
67 error C:\Users\Steven\AppData\Local\npm-cache_logs\2023-09-04T08_40_31_864Z-debug-0.log

[huster-songtao]

videosdk-rtc-react-sdk-example

If I install and run the videosdk-rtc-react-sdk-example, Is the feathers of the videosdk-rtc-react-sdk-example exactly the same as the videosdk-rtc-react-sdk-example?

I want to delvelop video call like https://videosdk.live/prebuilt/demo.

[BhumiSalat]

Hey @huster-songtao Thanks for raising this issue.
Currently, there is a peer dependency version mismatch issue, we are going to take this whole revamp in our roadmap until then please try to install dependencies using yarn.