I am facing an error which building meshery UI locally. I am using node v18.20.4 which satisfy the requirement. below is the log message
yashsharma@Yashs-MacBook-Pro-5 meshery % make ui-build
cd ui; npm i; cd ..
> meshery-ui@1.0.0 postinstall
> patch-package
patch-package 6.5.1
Applying patches...
No patch files found
> meshery-ui@1.0.0 prepare
> cd .. && husky install ui/.husky
husky - Git hooks installed
up to date, audited 2300 packages in 9s
443 packages are looking for funding
run `npm fund` for details
22 vulnerabilities (2 low, 5 moderate, 15 high)
To address issues that do not require attention, run:
npm audit fix
To address all issues possible (including breaking changes), run:
npm audit fix --force
Some issues need review, and may require choosing
a different dependency.
Run `npm audit` for details.
cd provider-ui; npm i; cd ..
up to date, audited 509 packages in 2s
153 packages are looking for funding
run `npm fund` for details
2 vulnerabilities (1 moderate, 1 high)
To address all issues, run:
npm audit fix
Run `npm audit` for details.
cd ui; npm run lint:fix && npm run build && npm run export; cd ..
> meshery-ui@1.0.0 lint:fix
> next lint --fix
info - Loaded env from /Users/yashsharma/Documents/meshery/ui/.env
✔ No ESLint warnings or errors
> meshery-ui@1.0.0 build
> npm run clean && cross-env next build
> meshery-ui@1.0.0 clean
> rm -rf .next,out
info - Loaded env from /Users/yashsharma/Documents/meshery/ui/.env
info - Linting and checking validity of types
info - Disabled SWC as replacement for Babel because of custom Babel configuration ".babelrc" https://nextjs.org/docs/messages/swc-disabled
info - `compiler` options in `next.config.js` will be ignored while using Babel https://nextjs.org/docs/messages/ignored-compiler-options
info - Using external babel configuration from /Users/yashsharma/Documents/meshery/ui/.babelrc
info - Creating an optimized production build
Failed to compile.
./components/Markdown.js
Module not found: Package path ./dist/mdeditor.css is not exported from package /Users/yashsharma/Documents/meshery/ui/node_modules/@uiw/react-md-editor (see exports field in /Users/yashsharma/Documents/meshery/ui/node_modules/@uiw/react-md-editor/package.json)
Import trace for requested module:
./components/Markdown.js
./components/NavigatorExtension.js
./rtk-query/index.js
Module not found: Package path ./dist/query/react is not exported from package /Users/yashsharma/Documents/meshery/ui/node_modules/@reduxjs/toolkit (see exports field in /Users/yashsharma/Documents/meshery/ui/node_modules/@reduxjs/toolkit/package.json)
Import trace for requested module:
./rtk-query/index.js
./store/index.js
> Build failed because of webpack errors
cd provider-ui; npm run lint:fix && npm run build && npm run export; cd ..
> provider-ui@1.0.0 lint:fix
> next lint --fix
./components/Provider.js
80:6 Warning: React Hook useEffect has a missing dependency: 'loadProvidersFromServer'. Either include it or remove the dependency array. react-hooks/exhaustive-deps
info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules
> provider-ui@1.0.0 build
> npm run clean && next build
> provider-ui@1.0.0 clean
> rm -rf .next,out
Skipping linting
✓ Checking validity of types
Disabled SWC as replacement for Babel because of custom Babel configuration ".babelrc" https://nextjs.org/docs/messages/swc-disabled
✓ Creating an optimized production build
✓ Compiled successfully
✓ Collecting page data
✓ Generating static pages (5/5)
✓ Collecting build traces
✓ Finalizing page optimization
Route (pages) Size First Load JS
┌ ○ / (600 ms) 33.2 kB 162 kB
├ /_app 0 B 119 kB
├ ○ /404 1.45 kB 121 kB
├ λ /api/__coverage__ 0 B 119 kB
├ ○ /auth/login (717 ms) 1.96 kB 131 kB
└ ○ /auth/redirect (702 ms) 948 B 120 kB
+ First Load JS shared by all 119 kB
├ chunks/framework-fae63b21a27d6472.js 45.4 kB
├ chunks/main-33ea238f2ed7653a.js 39.6 kB
├ chunks/pages/_app-a0f028deb440b105.js 32.3 kB
└ chunks/webpack-19d1715f0b38c784.js 1.77 kB
λ (Server) server-side renders at runtime (uses getInitialProps or getServerSideProps)
○ (Static) automatically rendered as static HTML (uses no initial props)
> provider-ui@1.0.0 export
> next export
⚠ "next export" is deprecated in favor of "output: export" in next.config.js https://nextjs.org/docs/advanced-features/static-html-export
using build directory: /Users/yashsharma/Documents/meshery/provider-ui/.next
Copying "static build" directory
⚠ Statically exporting a Next.js application via `next export` disables API routes and middleware.
This command is meant for static-only hosts, and is not necessary to make your application static.
Pages in your application without server-side data dependencies will be automatically statically exported by `next build`, including pages powered by `getStaticProps`.
Learn more: https://nextjs.org/docs/messages/api-routes-static-export
Copying "public" directory
Launching 7 workers
✓ Exporting (5/5)
Export successful. Files written to /Users/yashsharma/Documents/meshery/provider-ui/out
It seems to have ESmodule error,
# Server Error
Error: Directory import '/Users/yashsharma/Documents/meshery/ui/node_modules/@reduxjs/toolkit/query/react' is not supported resolving ES modules imported from /Users/yashsharma/Documents/meshery/ui/.next/server/pages/_app.js Did you mean to import @reduxjs/toolkit/dist/query/react/index.js?
