horizon-ui / horizon-ui-chakra-pro-nextjs Goto Github PK
View Code? Open in Web Editor NEWIssues & Updates of Horizon UI PRO NextJS
Issues & Updates of Horizon UI PRO NextJS
When running the nextjs dev server, it returns the following error:
Failed to load next.config.js, see more info here https://nextjs.org/docs/messages/next-config-error Error: next-transpile-modules - an unexpected error happened when trying to resolve "@fullcalendar/common". Are you sure the name of the module you are trying to transpile is correct, and it has a package.json with a "main" or an "exports" field?
.
The error got resolved completely after adding @fullcalendar/common as a dependency.
I get this Connection Error anonymously after everyy few mins. I am not running anything 58073 port
ECONNREFUSED ::1:58073 at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1494:16) { errno: -4078, code: 'ECONNREFUSED', syscall: 'connect', address: '::1', port: 58073 } }
Also The Routing to any Page is really Slow, its taking upto 5 secs to preview. It actually compiles sth when I click the menu sidebar option.
I just bought the Pro version, after seeing the live preview.
I can see that the live preview does not have this problem, so I am a bit confused about why the bought version has it :D
As you can see the page "NFT Page" is bold because its path is "nfts" and the marketplace has that in its path as well.
Simply installed via yarn install, yarn dev and received multiple issues/warnings in the terminal and UI:
Issue 1 in UI:
Unhandled Runtime Error
Error: Hydration failed because the initial UI does not match what was rendered on the server.
See more info here: https://nextjs.org/docs/messages/react-hydration-error
Issue 2 in Terminal:
Warning: Portal: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.
at Portal (webpack-internal:///(sc_client)/./node_modules/@chakra-ui/portal/dist/chakra-ui-portal.cjs.dev.js:195:28)
at div
at eval (webpack-internal:///(sc_client)/./node_modules/@emotion/react/dist/emotion-element-3838ba9e.esm.js:67:68)
at div
at eval (webpack-internal:///(sc_client)/./node_modules/@emotion/react/dist/emotion-element-3838ba9e.esm.js:67:68)
So I just downloaded version 2.1.1, and ran yarn install
and then yarn dev
.
Node Version | Yarn Version | Horizon Version |
---|---|---|
v18.15.0 | 1.22.19 | 2.1.1 |
On the yarn install
command, there were a few warnings, I don't think these have any effect on the overall project, but they look like this:
When running yarn dev
and opening the localhost, there are both hydration errors and a lot of console errors.
A lot of the errors and warnings are pretty much the same, I have just included everything to give an overview of every error & warning that was printed to the browser console.
The project starts out with 5 hydration errors, they look like this:
I have attached the console errors & warnings as files, as they have a lot of characters and make the issue go over the maximum character limit
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.