I've started a course to learn React and I'm having
trouble in developmental setup.
In the previous course, I used browser-sync and in this course the teacher used lite-server, so I installed that. But now, on creating react app, I'm having this error and I can't understand, please help.
I'm new to the whole npm, node.js environment.
Screenshot of Error
Related
I am a newbie in React Native and I am trying to set up the environment for it in VScode using Expo Cli. Even though I follow all the steps in Youtube, I still can't make it. I have installed Node.js and extension of React Native. I have opened the port for the Metro Bundler and Web but I don't know why I can't open them.
Here are pictures of my screen. This is my first post, so I'm not allowed to post pictures but links. Sorry for the inconvenience.
1st
2nd
I have no clue how to fix it so I try to search for the problem, but nothing has improved.
I recently faced the task of converting a fairly mature angular project to SSR because I had overestimated the search power of SEO in angular projects. I'm not familiar with node, my angular project is on an apache server and uses php(slim) as the backend api, however, when I started trying to use "most of the tutorials", i.e., the first step, introducing nguniversal/express-engine into the project, it went well, npm did not report any errors.
Then I tried to run npm run build:ssr and it also worked fine. The problem is that when I run npm run serve:ssr, it ends up throwing a "ReferenceError: navigator is not defined" error...
Earlier, I built a completely clean angular project for testing, from build:ssr to run serve:ssr. Even I specified node xxxx/xxxx/main.js directly, no problem, which is obvious, because the angular project for testing is absolutely clean.
However, this does not work on my current "existing angular project". Yes, I fully understand that SSR doesn't allow for navigator or most so-called DOM manipulation, and although I'm not familiar with angular universal yet, I've previewed it and I know that's not possible, but here's the biggest problem :
In this existing angular project, there is no any navigator operations, not even a single line of code
In fact, main.js is also generated automatically, I can't stop it at all, I don't understand why there is "navigator" written in main.js?
I've checked many so-called solutions, including writing something in server.ts, but nothing helps, how can I continue? This is really quite desperate!
Big thank any help!
thank you for visiting my question. i was learning web developer by myself since 2020 (i have no mentor and all of my teacher is you, guys!). my path is to be a MEAN stack.
i have learn about fundamental HTML, CSS, JS Native, Bootstrap, SCSS and currently i was learning about JS Framework (Angular) and i was learning NodeJS and simulating a simple CRUD with mongoDB (NodeJS is not using Angular, EJS instead). btw everything i do is through local machine!
i just curious how it looks like attaching NodeJS in our ng project. i have tried to integrate it but because of lack information i still fail to integrate between those two.
and can we use generated express app which is comes by using command
ng add #nguniversal/express-engine
i still have doubt on how to do it correctly or if it was answered, may you refer the related article so i can learn from it? thanks in advance <3
[Error while trying to start myfirstreact using npm start]
Hi All,
I am new to react. I am trying to start myfirstreact using npm start, I am getting an error which is giving me a path to debug but, I am not able to understand the error.
Can anyone help me to fix this issue?
Are you using Create-react-app? In the words of https://reactjs.org/docs/create-a-new-react-app.html (and they should know):
Create React App is a comfortable environment for learning React, and is the best way to start building a new single-page application in React.
It's one line of code to install it, and one line of code to create a working app that updates automatically at every save. And the code is more up to date than a lot of examples and tutorials you can find (uses functional programming, for example).
I am new to programming and I learned how to use laravel and vuejs (which now ship together in laravel 5.3). I'm only practicing Vuejs right now, and was wondering what is so wrong with installing Vuejs using a simple src link rather than going the complex way of installing with npm and node.js, which is another learning curve for me if I have to learn it down the road anyways. Thanks for answering, I just don't understand what could be wrong with a simpler minified src link for a Vue.js installation.
If you use standalone version of Vue.js via a simple minified src link, it will come with a template compiler. The Vue component templates will be compiled in the browser environment for every user, before rendering. Therefore it will be slower compared to the runtime build option.
If you create a project using npm and vue-cli, you will get the runtime build of Vue.js, which will also package the vue app into one single app.js file, thus minimizing network requests for your production app. Your users will have a much better experience.
If you are only getting started, you can go with the simple minified src link for now. Once you get used to the framework, you can start using vue-cli.