search

creativetimofficial / ct-vite-soft-ui-dashboard-pro

Vite Soft UI Dashboard PRO by Creative Tim
https://www.creative-tim.com/product/vite-soft-ui-dashboard-pro
4 stars 0 forks source link

[Bug] Many errors trying to load new installation #2

Closed marty-mcgee closed 2 years ago

marty-mcgee commented 2 years ago

Version

1.0.0

Reproduction link

localhost:8080

Operating System

Windows 10

Device

Computer

Browser & Version

Firefox 101.0 (64-bit)

Steps to reproduce

When I run "npm run dev" or "npm run preview", the app does not load correctly at localhost:8080. I receive the following errors..

GEThttp://localhost:8080/@vite/client [HTTP/1.1 404 Not Found 7ms]

GEThttp://localhost:8080/src/main.js [HTTP/1.1 404 Not Found 4ms]

Loading failed for the module with source “http://localhost:8080/@vite/client”. localhost:8080:16:1

Loading module from “http://localhost:8080/@vite/client” was blocked because of a disallowed MIME type (“”). localhost:8080

Loading module from “http://localhost:8080/src/main.js” was blocked because of a disallowed MIME type (“”). localhost:8080

GEThttp://localhost:8080/favicon.ico [HTTP/1.1 404 Not Found 2ms]

GEThttp://localhost:8080/favicon.ico [HTTP/1.1 404 Not Found 0ms]

What is expected?

App loads

What is actually happening?

App doesn't load. White screen.

Solution

Additional comments

My system is Windows 10, Node 16. Running "npm install" succeeds 100%, no errors. PLEASE NOTE: I also purchased a very similar app/product called "Vue Soft Dashboard Pro" and version 2.0.0 works as expected.

Screenshot

creative-tim-vite-soft-issue-2022-06-08_9-40-11

qiquanlu commented 2 years ago

Hi, @marty-mcgee I don't use windows, but I'm able to borrow a windows laptop from my friend.

I'm able to run npm install and npm dev no problem. see screenshot screenshot

it might be some issue on your local computer please check if your local 8080 port is being used by other app, you may change the port in vite.config.js

my installed version

node -v
v16.15.1

npm -v
8.11.0
qiquanlu commented 2 years ago

also you may follow this quick start

you may use docker if it's hard to diagnose what's wrong with your local machine, you can map to a different port with docker run .

marty-mcgee commented 2 years ago

It’s definitely not a port conflict. Any other suggestions based on the errors that I am receiving?

Thanks, Marty

On Thu, Jun 9, 2022 at 6:00 AM 'Qiquan Lu' via Support Team < @.***> wrote:

also you may follow this quick start https://www.creative-tim.com/learning-lab/vue/vite-quick-start/soft-ui-dashboard/

you may use docker if it's hard to diagnose what's wrong with your local machine, you can map to a different port with docker run .

— Reply to this email directly, view it on GitHub https://github.com/creativetimofficial/ct-vite-soft-ui-dashboard-pro/issues/2#issuecomment-1151090366, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAFJJM4F2HIT76DYQDGNSI3VOHTIJANCNFSM5YHGOMLQ . You are receiving this because you were mentioned.Message ID: <creativetimofficial/ct-vite-soft-ui-dashboard-pro/issues/2/1151090366@ github.com>

-- Marty McGee Mobile: 707-980-1136 Email: @.*** Social: Facebook https://www.facebook.com/mcgee.marty | Instagram https://www.instagram.com/marty.mcgee/ | LinkedIn https://www.linkedin.com/in/martymcgee

qiquanlu commented 2 years ago

What I can tell is it's related to your local environment, not the code, I have tested it under different system/environment without any issue.

It's really hard to tell where it went wrong when not able to access the environment

a few things you may try,

clear browser cache/ use incognito/ try a different browser/ stop service worker script

I recommend try a different port that you not likely used before(like 9999) even you think 8080 is available.

sometime there are service worker script running in your browser from other project happened to use 8080 might cause issues

let me know if this helps.

marty-mcgee commented 2 years ago

I really appreciate this detailed response. You were absolutely right.. It is simply a conflict with my browser, Firefox 101.0 (64-bit) -- probably a plugin/add-on conflict, not a caching issue. I hope this solution/diagnosis helps other people.

Thanks again for your professional help. Marty McGee Mobile: 707-980-1136 Email: @.*** Social: Facebook https://www.facebook.com/mcgee.marty | Instagram https://www.instagram.com/marty.mcgee/ | LinkedIn https://www.linkedin.com/in/martymcgee

On Thu, Jun 9, 2022 at 8:32 AM 'Qiquan Lu' via Support Team < @.***> wrote:

What I can tell is it's related to your local environment, not the code, I have tested it under different system/environment without any issue.

It's really hard to tell where it went wrong when not able to access the environment

a few things you may try,

clear browser cache/ use incognito/ try a different browser/ stop service worker script

I recommend try a different port that you not likely used before(like 9999) even you think 8080 is available.

sometime there are service worker script running in your browser from other project happened to use 8080 might cause issues

let me know if this helps.

— Reply to this email directly, view it on GitHub https://github.com/creativetimofficial/ct-vite-soft-ui-dashboard-pro/issues/2#issuecomment-1151284578, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAFJJM3NLYGAVLGNNRV4OFTVOIE7XANCNFSM5YHGOMLQ . You are receiving this because you were mentioned.Message ID: <creativetimofficial/ct-vite-soft-ui-dashboard-pro/issues/2/1151284578@ github.com>

marty-mcgee commented 2 years ago

Hi again. I have confirmed it is a Firefox Add-on issue. When running a Firefox Private Window, the app boots up perfectly.

Thanks again. Marty McGee Mobile: 707-980-1136 Email: @.*** Social: Facebook https://www.facebook.com/mcgee.marty | Instagram https://www.instagram.com/marty.mcgee/ | LinkedIn https://www.linkedin.com/in/martymcgee

On Thu, Jun 9, 2022 at 10:29 AM Marty McGee @.***> wrote:

I really appreciate this detailed response. You were absolutely right.. It is simply a conflict with my browser, Firefox 101.0 (64-bit) -- probably a plugin/add-on conflict, not a caching issue. I hope this solution/diagnosis helps other people.

Thanks again for your professional help. Marty McGee Mobile: 707-980-1136 Email: @.*** Social: Facebook https://www.facebook.com/mcgee.marty | Instagram https://www.instagram.com/marty.mcgee/ | LinkedIn https://www.linkedin.com/in/martymcgee

On Thu, Jun 9, 2022 at 8:32 AM 'Qiquan Lu' via Support Team < @.***> wrote:

What I can tell is it's related to your local environment, not the code, I have tested it under different system/environment without any issue.

It's really hard to tell where it went wrong when not able to access the environment

a few things you may try,

clear browser cache/ use incognito/ try a different browser/ stop service worker script

I recommend try a different port that you not likely used before(like 9999) even you think 8080 is available.

sometime there are service worker script running in your browser from other project happened to use 8080 might cause issues

let me know if this helps.

— Reply to this email directly, view it on GitHub https://github.com/creativetimofficial/ct-vite-soft-ui-dashboard-pro/issues/2#issuecomment-1151284578, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAFJJM3NLYGAVLGNNRV4OFTVOIE7XANCNFSM5YHGOMLQ . You are receiving this because you were mentioned.Message ID: <creativetimofficial/ct-vite-soft-ui-dashboard-pro/issues/2/1151284578@ github.com>

qiquanlu commented 2 years ago

@marty-mcgee Great to hear it's working on your computer! Thanks for the detailed feedback.

marty-mcgee commented 2 years ago

I also want to point out that you were exactly right about the Port Number Conflict. The Firefox Add-On was using Port 8080 (without my knowledge). I appreciate your understanding, and I was totally wrong, but needed your additional support to further troubleshoot the issue, nonetheless. Keep up the great work!

Thanks again. Marty McGee Mobile: 707-980-1136 Email: @.*** Social: Facebook https://www.facebook.com/mcgee.marty | Instagram https://www.instagram.com/marty.mcgee/ | LinkedIn https://www.linkedin.com/in/martymcgee

On Thu, Jun 9, 2022 at 10:47 AM 'Qiquan Lu' via Support Team < @.***> wrote:

@marty-mcgee https://github.com/marty-mcgee Great to hear it's working on your computer! Thanks for the detailed feedback.

— Reply to this email directly, view it on GitHub https://github.com/creativetimofficial/ct-vite-soft-ui-dashboard-pro/issues/2#issuecomment-1151422335, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAFJJM6HMPMV7EJP2X6WPWLVOIU2DANCNFSM5YHGOMLQ . You are receiving this because you were mentioned.Message ID: <creativetimofficial/ct-vite-soft-ui-dashboard-pro/issues/2/1151422335@ github.com>

marty-mcgee commented 2 years ago

Issue caused by default port 8080 conflict being used by a Firefox Add-on.