I cant compile code from VS code to run on browser? - reactjs

enter image description here
Cant run code using VS code why is that? How do I fix this issue?

First of all, you don't have react installed and so you don't have package.json file,
I would suggest you to search for create-react-app on google and follow their guide to creating a default react application. (From your image I understand you are trying to learn react)
Steps to follow;
Install NodeJS if it's not installed
https://github.com/facebook/create-react-app go there and follow installation guide

Related

TypeScript React Application in ASP.NET Core 6.0 with VS 2022

does anyone know how to create a react application in ASP.NET Core 6.0? There is a template in VS 2022 to create a react app:
This works fine, I can run the application just fine. But I would like to use TypeScript instead of JavaScript.
When I follow these instructions, the application won't start anymore. Simply renaming the js files to tsx after adding TypeScript support is not enough.
Does anyone have any experience with this? Of know how to solve this issue.
Error's after renaming the js files to tsx:
When try to run npm start I get the following error:
Can anyone point me in the right direction?
So there is a problem with your "prestart" in your package.json file.
I think the way to do it is to use ts-node and change it to this:
node --loader ts-node/esm ./src/aspnetcore-https.ts && node --loader ts-node/esm ./src/aspnetcore-react.ts
source:
https://www.nolanbradshaw.ca/net-react-typescript-template

How to setup OHIF on windows

Please what is the correct way to have this Running
i am trying to install this and get it running on windows using this documentation.
i have installed Meteor , and then navigated to the folder and typed meteor, as talked about from here and here
I am getting this as Error
run: You're not in a Meteor project directory.
To create a new Meteor project:
meteor create <project name>
For example:
meteor create myapp
For more help, see 'meteor --help'.
Please what am I not doing correctly.
If you want to use OHIF I suggest you upgrade to Version 3.
The setup is easier (with good documentation) and the code is more tidy: https://github.com/OHIF/Viewers
I would also suggest to use docker.
This project helped me a lot setting up my instance: https://github.com/trypag/ohif-orthanc-postgres-docker/blob/master/docker-compose.yml

i made first react app and when i upload it on github i only see blank page on github page

hi so im trying to upload page made in react to github at start i ran into problem of it showing me only README file but i managed to solve that by following deployment guide on react website and that help well kind of, now i ran into other problem which is that github is just showing me blank page i don't understand why is it like this cuz i changed file and it shouldn't be empty and here is git repository for non- npm build version of page and also here is git repo for the build version of page that is just blank, am i running in this problem cuz i used npm build wrong way? how do i fix it? thanks in advance
I had the same problem and I found easier to use Netlify to upload websites.
I think if you are using only an html file you can just set the github pages with root and it shouldn't reuqire to use build run, I think the build command it is for projects done with frameworks/more complext. Try to do like that maybe it will work.

how Improve Build Error Reporting on ReactJs?

I just created a react app using
npm create-react-app my-app
I like this error reporting in chrome and on CLI.
Is there a way so i can configure or setup such error reporting in my existing React application ?
because when i setup react app by following a number of tutorials i do not see this nice output. thanks. You can see the images below for instance.
After exploring the repository i found create-react-app using
react-error-overlay module.
See this link if somebody wants to setup in your existing react application.
I guess...
you typo wrong.
error previous line <dvs remove this.

How to run react js code on eclipse?

I'm not getting how to run reactjs code on eclipse.I have created dynamic web page folder,I tried to run react code but i'm not.I have added react-1.4.jar file to that folder also, but I don't know whether it is correct or not.
Please any one can help me about setup to run react code on eclipse.
I've been using CodeMix to work on Node.js Typescript project with an Angular web application all of these under Eclipse, although, it is not React, it also have support for React projects!!! I would recommend to give it a try, I've already tried to create a CodeMix React Project and it provides a nice example on how to write ReactJS under Eclipse. Hopefully this will get you on the right direction.
You can generate bundle.js using web pack that can be placed in
eclipse web content folder.
Don't forget to place HTML, CSS, images and other script files.
You can't run the JSX files using eclipse.
you can't run react (JSX) codes without babel, webpack. whatever IDE your working with, write a JSX code and compile it by using babel.
There is actually a plugin to support JSX and typescript in Eclipse. It's called "TypeScript". TypeScript
follow - official react js documentation React
If you still stuck, try to start react app by using other IDE's like Visual Studio Code, Sublime, Atom.
For Online VS Code IDE react use this : stackblitz
Hope this helps

Resources