Issues while running the uinswap web app

[Shivamycodee]

Hi, I'm trying to run the web app of uniswap interface but getting a lot of errors, what i found after spending so much time on it,

"It need serious maintenance"

The errors I got while downloading the packages in interface>apps>web> yarn

1. the entry of universe@workspace in root package.json , it is being considered as a package which need to be installed.

YN0009: │ universe@workspace:. couldn't be built successfully (exit code 1, logs can be found here: C:\Users\Shivam\AppData\Local\Temp\xfs-f75bb929\build.log)

You have to remove the name and version from the package.json or add "private":true to solve this issue.

2. Right now I'm stuck on another issue: @apidevtools/json-schema-ref-parser the structure this package posses and the file the uniswap code is trying to access are totally different.

# This file contains the result of Yarn building a package (root-workspace-0b6124@workspace:.)
# Script name: postinstall

husky - Git hooks installed
• Packages in scope: @uniswap/eslint-config, @uniswap/interface, @uniswap/mobile, jest-presets, tsconfig, ui, uniswap, utilities, wallet
• Running prepare in 9 packages
• Remote caching disabled
wallet:prepare: cache miss, executing c2228bf9ec651708
uniswap:graphql:generate: cache miss, executing 840616ebe250f865
@uniswap/interface:graphql:generate: cache miss, executing 806afaceff375de6
wallet:prepare: {
wallet:prepare:   stack: 'ResolverError: Error opening file "D:\\interface\\node_modules\\@apidevtools\\json-schema-ref-parser\\dist\\src\\data\\tradingApi\\api.json" \n' +
wallet:prepare:     "ENOENT: no such file or directory, open 'D:\\interface\\node_modules\\@apidevtools\\json-schema-ref-parser\\dist\\src\\data\\tradingApi\\api.json'\n" +
wallet:prepare:     '    at Object.<anonymous> (D:\\interface\\node_modules\\@apidevtools\\json-schema-ref-parser\\dist\\lib\\resolvers\\file.js:72:23)\n' +
wallet:prepare:     '    at Generator.throw (<anonymous>)\n' +
wallet:prepare:     '    at rejected (D:\\interface\\node_modules\\@apidevtools\\json-schema-ref-parser\\dist\\lib\\resolvers\\file.js:29:65)',
wallet:prepare:   code: 'ERESOLVER',
wallet:prepare:   name: 'ResolverError',
wallet:prepare:   message: 'Error opening file "D:\\interface\\node_modules\\@apidevtools\\json-schema-ref-parser\\dist\\src\\data\\tradingApi\\api.json" \n' +
wallet:prepare:     "ENOENT: no such file or directory, open 'D:\\interface\\node_modules\\@apidevtools\\json-schema-ref-parser\\dist\\src\\data\\tradingApi\\api.json'",
wallet:prepare:   source: 'D:\\interface\\node_modules\\@apidevtools\\json-schema-ref-parser\\dist\\src\\data\\tradingApi\\api.json',
wallet:prepare:   path: null,
wallet:prepare:   toJSON: [Function: toJSON],
wallet:prepare:   ioErrorCode: 'ENOENT',
wallet:prepare:   footprint: 'null+D:\\interface\\node_modules\\@apidevtools\\json-schema-ref-parser\\dist\\src\\data\\tradingApi\\api.json+ERESOLVER+Error opening file "D:\\interface\\node_modules\\@apidevtools\\json-schema-ref-parser\\dist\\src\\data\\tradingApi\\api.json" \n' +
wallet:prepare:     "ENOENT: no such file or directory, open 'D:\\interface\\node_modules\\@apidevtools\\json-schema-ref-parser\\dist\\src\\data\\tradingApi\\api.json'",
wallet:prepare:   toString: [Function: toString]
wallet:prepare: }
uniswap:graphql:generate: (node:14304) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.
uniswap:graphql:generate: (Use `node --trace-deprecation ...` to show where the warning was created)
wallet:prepare: ERROR: command finished with error: command (D:\interface\packages\wallet) yarn run prepare exited (1)
uniswap:graphql:generate: [STARTED] Parse Configuration
uniswap:graphql:generate: [SUCCESS] Parse Configuration
uniswap:graphql:generate: [STARTED] Generate outputs
uniswap:graphql:generate: [STARTED] Generate to src/data/graphql/uniswap-data-api/__generated__/types-and-hooks.ts
uniswap:graphql:generate: [STARTED] Load GraphQL schemas
uniswap:graphql:generate: [SUCCESS] Load GraphQL schemas
uniswap:graphql:generate: [STARTED] Load GraphQL documents
uniswap:graphql:generate: [SUCCESS] Load GraphQL documents
uniswap:graphql:generate: [STARTED] Generate
uniswap:graphql:generate: [SUCCESS] Generate
uniswap:graphql:generate: [SUCCESS] Generate to src/data/graphql/uniswap-data-api/__generated__/types-and-hooks.ts
uniswap:graphql:generate: [SUCCESS] Generate outputs
@uniswap/interface:graphql:generate: (node:12504) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.
@uniswap/interface:graphql:generate: (Use `node --trace-deprecation ...` to show where the warning was created)
@uniswap/interface:graphql:generate: [STARTED] Parse Configuration
@uniswap/interface:graphql:generate: [SUCCESS] Parse Configuration
@uniswap/interface:graphql:generate: [STARTED] Generate outputs
@uniswap/interface:graphql:generate: [STARTED] Generate to src/graphql/data/__generated__/types-and-hooks.ts
@uniswap/interface:graphql:generate: [STARTED] Load GraphQL schemas
@uniswap/interface:graphql:generate: [SUCCESS] Load GraphQL schemas
@uniswap/interface:graphql:generate: [STARTED] Load GraphQL documents
@uniswap/interface:graphql:generate: [SUCCESS] Load GraphQL documents
@uniswap/interface:graphql:generate: [STARTED] Generate
@uniswap/interface:graphql:generate: [SUCCESS] Generate
@uniswap/interface:graphql:generate: [SUCCESS] Generate to src/graphql/data/__generated__/types-and-hooks.ts
@uniswap/interface:graphql:generate: [SUCCESS] Generate outputs
@uniswap/interface:graphql:generate: (node:1728) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.
@uniswap/interface:graphql:generate: (Use `node --trace-deprecation ...` to show where the warning was created)
@uniswap/interface:graphql:generate: [STARTED] Parse Configuration
@uniswap/interface:graphql:generate: [SUCCESS] Parse Configuration
@uniswap/interface:graphql:generate: [STARTED] Generate outputs
@uniswap/interface:graphql:generate: [STARTED] Generate to src/graphql/thegraph/__generated__/types-and-hooks.ts
@uniswap/interface:graphql:generate: [STARTED] Load GraphQL schemas
@uniswap/interface:graphql:generate: [SUCCESS] Load GraphQL schemas
@uniswap/interface:graphql:generate: [STARTED] Load GraphQL documents
@uniswap/interface:graphql:generate: [SUCCESS] Load GraphQL documents
@uniswap/interface:graphql:generate: [STARTED] Generate
@uniswap/interface:graphql:generate: [SUCCESS] Generate
@uniswap/interface:graphql:generate: [SUCCESS] Generate to src/graphql/thegraph/__generated__/types-and-hooks.ts
@uniswap/interface:graphql:generate: [SUCCESS] Generate outputs
wallet#prepare: command (D:\interface\packages\wallet) yarn run prepare exited (1)

 Tasks:    0 successful, 3 total
Cached:    0 cached, 3 total
  Time:    39.902s 
Failed:    wallet#prepare

 ERROR  run failed: command  exited (1)

While installing packages it is trying to access api.json file inside the package @apidevtools/json-schema-ref-parser

Error opening file "D:\\interface\\node_modules\\@apidevtools\\json-schema-ref-parser\\dist\\src\\data\\tradingApi\\api.json"

Node.js version : 18.16.0 (as required eg: 18.x)
yarn : 3.2.3 (as mentioned required in multiple fix)

Any help would be highly appreciated.

[ty-bt]

I encountered the same issue, but only on Windows systems. You can try adding the following in the resolutions section of your package.json:

"@apidevtools/json-schema-ref-parser": "11.9.0",
"node-gyp-build": "4.8.1"

For reference, check out the following issues:
APIDevTools/json-schema-ref-parser#311
websockets/utf-8-validate#115

[Shivamycodee]

Tried this but still getting the same error.

[RitzyDevUK]

probably need to download gcc make it worked for me after that