create-react-app icon indicating copy to clipboard operation
create-react-app copied to clipboard

You need to enable javascript to run this app react using yarn start

Open grgsamrita opened this issue 2 years ago • 20 comments

I cloned an existing ReactJS app with version 16.12.0. I installed the app using yarn install and while running the app using yarn start. The app loads NoScript text You need to enable JavaScript to run this app..

How to solve this issue?

grgsamrita avatar Mar 16 '22 09:03 grgsamrita

Is javascript enabled in your browser?

If you visit https://www.enable-javascript.com/ do you see Javascript is disabled in your web browser. If you enable JavaScript, this text will change or Javascript is enabled in your web browser. If you disable JavaScript, this text will change.

If you see Javascript is disabled in your web browser. If you enable JavaScript, this text will change, follow the instructions on the same page just below that message to enable javascript, and try your app again.

AustinGarrod avatar Mar 17 '22 17:03 AustinGarrod

I have the same issue! But I already have Java is enabled in your web browser. What can I do to resolve this issue?

meenal21 avatar Sep 17 '22 08:09 meenal21

Hello everybody, did you resolve this issue? I have this issue only on CRA.

mselmank avatar Nov 08 '22 18:11 mselmank

Bump this. I am having the same problem. https://www.enable-javascript.com/ provided above shows me "Javascript is enabled in your web browser. If you disable JavaScript, this text will change."

nolany avatar Nov 23 '22 00:11 nolany

Same over here. Javascript is enabled but it still says I need to enable it. Any solutions to this yet?

nxcco avatar Dec 01 '22 19:12 nxcco

Same issue here, I run my repo on mac successfully, but on windows, my API returns this info. The status code is 304 image

leslie555 avatar Dec 06 '22 04:12 leslie555

Same issue here, I run my repo on mac successfully, but on windows, my API returns this info. The status code is 304 image

I solved this issue. This is because I forgot to add the REACT_APP_ prefix to my environments in the .env file

leslie555 avatar Dec 06 '22 07:12 leslie555

I had the same error when I used BrowserRouter instead of RouterProvider. This code didn't work:

const router = createBrowserRouter([{ path: "/", element: <div>Test page</div> }]);
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(  
  <React.StrictMode>    
    <BrowserRouter router={router} />
  </React.StrictMode>
);

this code did work:

const router = createBrowserRouter([{ path: "/", element: <div>Test page</div> }]);
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(  
  <React.StrictMode>    
    <RouterProvider router={router} />
  </React.StrictMode>
);

DevelopMan avatar Dec 28 '22 00:12 DevelopMan

I got the same issue, this was resolved by deleting the tag <React.StrictMode>

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
     <BrowserRouter>
      <App />
    </BrowserRouter>
 );

Emanlui avatar Mar 13 '23 01:03 Emanlui

I got the same issue, this was resolved by deleting the tag <React.StrictMode>

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
     <BrowserRouter>
      <App />
    </BrowserRouter>
 );

Please tell me how to give the status code here

idcooldi avatar Aug 20 '23 10:08 idcooldi

What a great community. I still have not seen any help on this. I am stuck with the same issue.

RonaldWilson000 avatar Sep 14 '23 18:09 RonaldWilson000

Faced the same issue, when I tried to start my app it was starting at localhost:3000/my-repo-name, So tried changing the home route name to my repository name. It worked

arunchandra23 avatar Sep 22 '23 08:09 arunchandra23

Use gh-pages dev dependency and follow steps provided here it will work.

If after running npm run deploy it still does not work, go to Settings > Pages and change the branch to gh-pages and directory to /root

rajeshtezu avatar Dec 08 '23 15:12 rajeshtezu

i'm using gh-pages and nothing solve for me, bad

eddskt avatar Feb 09 '24 14:02 eddskt

I've tried every solution suggested and I'm still getting this issue. Has anyone been able to solve this yet?

RyanMitchellWilson avatar Apr 02 '24 20:04 RyanMitchellWilson

+1

bas-kirill avatar Apr 30 '24 09:04 bas-kirill

Everyone make sure you are checking your React router setup. I cannot remember exactly what it was but it was related to using older, deprecated code in a newer version React. I apologize for not commenting on this immediately when I discovered this some time ago.

nolany avatar Apr 30 '24 13:04 nolany

Everyone make sure you are checking your React router setup. I cannot remember exactly what it was but it was related to using older, deprecated code in a newer version React. I apologize for not commenting on this immediately when I discovered this some time ago.

I've been trying to solve this problem for over a week and I still can't do it.

metacop avatar Apr 30 '24 21:04 metacop

I was able to find this today. It explains what my issue was at least. https://react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis

nolany avatar Apr 30 '24 21:04 nolany

This template for Electron App works well: https://github.com/codesbiome/electron-react-webpack-typescript-2024

bas-kirill avatar May 01 '24 07:05 bas-kirill