UI is not displaying - Githubissues

sai3241 commented 11 months ago

Hi Team,ui os not displaying properly

fvsch commented 11 months ago

Hi @sai3241,

We'll need more information to address this issue.

Could you share:

The URL of the page or StackBlitz project that you're having an issue with.
What operating system and browser you were using.
A description of the problem. Are you talking about the StackBlitz UI, or a UI that should be rendered by a specific project (in a preview window), or something else?

sai3241 commented 11 months ago

https://stackblitz.com/edit/react-xt738y?file=src%2Flayouts%2FFixed%2Fcomponents%2FTopbar%2FTopbar.js its loading is showing and no ui is dispaying

On Tue, Oct 10, 2023 at 5:15 PM Florens Verschelde @.***> wrote:

Hi @sai3241 https://github.com/sai3241,

We'll need more information to address this issue.

Could you share:

The URL of the page or StackBlitz project that you're having an issue with.

What operating system and browser you were using.

A description of the problem. Are you talking about the StackBlitz UI, or a UI that should be rendered by a specific project (in a preview window), or something else?

— Reply to this email directly, view it on GitHub https://github.com/stackblitz/core/issues/2776#issuecomment-1755180444, or unsubscribe https://github.com/notifications/unsubscribe-auth/AU524ZNTPNXWQ56ZM3YFGK3X6UYN3AVCNFSM6AAAAAA52GVYA2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTONJVGE4DANBUGQ . You are receiving this because you were mentioned.Message ID: @.***>

sai3241 commented 11 months ago

Error in src/layouts/Fluid/components/Topbar/Topbar.js The entrypoint for @./core' could not successfully be resolved. The file @*.**@*.***/Hidden' does not exist. Please log an issue with the package author or check for an updated version of the package. showing this error loaded for 10mins and showned this error

On Tue, Oct 10, 2023 at 5:29 PM sai krishna @.***> wrote:

https://stackblitz.com/edit/react-xt738y?file=src%2Flayouts%2FFixed%2Fcomponents%2FTopbar%2FTopbar.js its loading is showing and no ui is dispaying

On Tue, Oct 10, 2023 at 5:15 PM Florens Verschelde < @.***> wrote:

Hi @sai3241 https://github.com/sai3241,

We'll need more information to address this issue.

Could you share:

The URL of the page or StackBlitz project that you're having an issue with.

What operating system and browser you were using.

A description of the problem. Are you talking about the StackBlitz UI, or a UI that should be rendered by a specific project (in a preview window), or something else?

— Reply to this email directly, view it on GitHub https://github.com/stackblitz/core/issues/2776#issuecomment-1755180444, or unsubscribe https://github.com/notifications/unsubscribe-auth/AU524ZNTPNXWQ56ZM3YFGK3X6UYN3AVCNFSM6AAAAAA52GVYA2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTONJVGE4DANBUGQ . You are receiving this because you were mentioned.Message ID: @.***>

sai3241 commented 11 months ago

issue not resolved

fvsch commented 11 months ago

Thanks for the info.

issue not resolved

This issue has not been closed or marked as resolved. I closed the second issue you filed, #2777, as a duplicate of this one.

Regarding this issue:

It looks this might be a compatibility problem between the package manager or module resolution used in our EngineBlock environment.

That being said, it looks like this project is using alpha versions of Material UI v5 packages, and in the stable versions those packages have been renamed: https://mui.com/material-ui/migration/migration-v4/#replace-all-imports

You will probably have better results using the stable versions of Material UI v5 packages. If this issue only happens only with Material UI v5 alphas, fixing it will be low priority.

There's a chance that your project will run better when using the WebContainer environment. We don't have an easy way to convert EngineBlock projects to WebContainer currently, but you can create one in a few ways:

Start with the “Node.js” starter, and drag-and-drop your project files from a local folder or import a GitHub repository.
Or use our Codeflow IDE to work on a GitHub repository.

sai3241 commented 11 months ago

so here I actually clone your project run the npm start but its showing like this ERROR in ./src/Routes.js 29:0-101 Module not found: Error: Can't resolve './views/myPages' in 'C:\Users\Krishna.Muntha\18react\src' ERROR in ./src/Routes.js 35:0-277 Module not found: Error: Can't resolve './views/publicPages' in 'C:\Users\Krishna.Muntha\18react\src' ERROR in ./src/Routes.js 38:0-140 Module not found: Error: Can't resolve './views/adminPages' in 'C:\Users\Krishna.Muntha\18react\src' ERROR in ./src/Routes.js 41:0-59 Module not found: Error: Can't resolve './views/coursePages' in 'C:\Users\Krishna.Muntha\18react\src' ERROR in ./src/WithLayout.js 12:0-45 Module not found: Error: Can't resolve './common/paletteTypes' in 'C:\Users\Krishna.Muntha\18react\src' ERROR in ./src/views/docs/Illustrations/Illustrations.js 35:0-55 Module not found: Error: Can't resolve '../../../svg/illustrations/Rocket' in 'C:\Users\Krishna.Muntha\18react\src\views\docs\Illustrations' ERROR in ./src/views/landingPages/Home/components/DemoPages/DemoPages.js 14:0-58 Module not found: Error: Can't resolve '../../../../../layouts/navigation' in 'C:\Users\Krishna.Muntha\18react\src\views\landingPages\Home\components\DemoPages' ERROR in ./src/views/landingPages/Home/components/Hero/Hero.js 14:0-61 Module not found: Error: Can't resolve '../../../../../svg/illustrations/Rocket' in 'C:\Users\Krishna.Muntha\18react\src\views\landingPages\Home\components\Hero' ERROR in ./src/views/landingPages/Travel/components/Form/Form.js 16:0-60 Module not found: Error: Can't resolve '@mui/x-date-pickers/DatePicker' in 'C:\Users\Krishna.Muntha\18react\src\views\landingPages\Travel\components\Form' ERROR in ./src/views/landingPages/Travel/components/Form/Form.js 17:0-61 Module not found: Error: Can't resolve '@material-ui/lab/AdapterDateFns' in 'C:\Users\Krishna.Muntha\18react\src\views\landingPages\Travel\components\Form' ERROR in ./src/views/landingPages/Travel/components/Form/Form.js 18:0-73 Module not found: Error: Can't resolve '@material-ui/lab/LocalizationProvider' in 'C:\Users\Krishna.Muntha\18react\src\views\landingPages\Travel\components\Form' ERROR in ./src/views/landingPages/Travel/components/Hero/Hero.js 16:0-53 Module not found: Error: Can't resolve '@material-ui/lab/DatePicker' in 'C:\Users\Krishna.Muntha\18react\src\views\landingPages\Travel\components\Hero' ERROR in ./src/views/landingPages/Travel/components/Hero/Hero.js 17:0-61 Module not found: Error: Can't resolve '@material-ui/lab/AdapterDateFns' in 'C:\Users\Krishna.Muntha\18react\src\views\landingPages\Travel\components\Hero' ERROR in ./src/views/landingPages/Travel/components/Hero/Hero.js 18:0-73 Module not found: Error: Can't resolve '@material-ui/lab/LocalizationProvider' in 'C:\Users\Krishna.Muntha\18react\src\views\landingPages\Travel\components\Hero'

sai3241 commented 11 months ago

Hi Bro,I updated the latest version MUI but here the issue total project is not loading and ui also not getting here when I npm start getting like this WARNING: You are currently running a version of TypeScript which is not officially supported by typescript-estree.

SUPPORTED TYPESCRIPT VERSIONS: >=3.2.1 <3.5.0

YOUR TYPESCRIPT VERSION: 5.2.2 and I updated the typescript getting like this ./src/views/myPages/index.tsx Line 0: Parsing error: DeprecationError: 'originalKeywordKind' has been deprecated since v5.0.0 and can no longer be used. Use 'identifierToKeywordKind(identifier)' instead.

On Tue, Oct 10, 2023 at 5:58 PM Florens Verschelde @.***> wrote:

Thanks for the info.

issue not resolved

This issue has not been closed or marked as resolved. I closed the second issue you filed, #2777 https://github.com/stackblitz/core/issues/2777, as a duplicate of this one.

Regarding this issue:

It looks this might be a compatibility problem between the package manager or module resolution used in our EngineBlock environment https://developer.stackblitz.com/guides/user-guide/available-environments .

That being said, it looks like this project is using alpha versions of Material UI v5 packages, and in the stable versions those packages have been renamed: https://mui.com/material-ui/migration/migration-v4/#replace-all-imports

You will probably have better results using the stable versions of Material UI v5 packages. If this issue only happens only with Material UI v5 alphas, fixing it will be low priority.

There's a chance that your project will run better when using the WebContainer environment. We don't have an easy way to convert EngineBlock projects to WebContainer currently, but you can create one in a few ways:

Start with the “Node.js” starter, and drag-and-drop your project files from a local folder or import a GitHub repository.

Or use our Codeflow IDE https://developer.stackblitz.com/codeflow/what-is-codeflow to work on a GitHub repository.

— Reply to this email directly, view it on GitHub https://github.com/stackblitz/core/issues/2776#issuecomment-1755283656, or unsubscribe https://github.com/notifications/unsubscribe-auth/AU524ZKVO4RLF7ZPWORIDYTX6U5OLAVCNFSM6AAAAAA52GVYA2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTONJVGI4DGNRVGY . You are receiving this because you were mentioned.Message ID: @.***>

fvsch commented 9 months ago

Based on the information in this issue, it looks like the problems you are facing are caused by the project you are trying to run, including issues with:

the dependencies listed in package.json and their versions;
imports in the source code of this project that point to missing files or to missing packages or exports in packages.

This type of issue is not something that the StackBlitz team will be able to address, so I’ll close this issue now.

stackblitz / core

UI is not displaying #2776