How to fix errors in all angular html files in eclipse - html

Hello guys, I am new in angular and just created a project in eclipse. At first all the .ts files were opening as a an audio file but when I install angular plugin, the .ts files opened normal. However, the HTML files became as in the image above. Could someone help me on what to do in other to get rid of the errors.
The error appears in all html files, but the app runs.

I installed Angular IDE by CodeMix and the errors were gone, this could be achieved using "Install New Software".

Related

Opening Index.html leads to a blank page

I'm new to web development and found a website prototype, but when I tried to open it by clicking on the index.html in the files, it's completely blank. The only thing I see is on the tab, and it just says "React App".
How do I make the website components actually show? I know there should be something showing because I can see all of the code and pages, but nothing shows?? Is there some other way to open the website?
React is a library that compiles all your javascript then renders it in index.html file. If you open the file directly you won't see anything. If you want to run your project then:
Open the project folder in vscode.
Press CTRL+J if you have windows.
Type npm install - It will install all project dependencies listed
in package.json at the root of your project.
Then run npm start - This will start development server locally
that you can use to develop your project as you go.
Then go to App.js and make changes and see how the server
automatically refreshes.
to learn more, go to Get started with react - FreeCodeCamp

linter-csslint:: Error while running CSSLint

I am newbie in web development. I have installed atom and was working on project using HTML and CSS. Atom was working absolutely fine with HTML code however when i tried to integrate external css file with HTML then it gives the following error. Can anybody please help. the error is as follows:
linter-csslint:: Error while running CSSLint!
'"node"' is not recognized as an internal or external command,
operable program or batch file.
Try installing NodeJS seems some others that use Atom with CSSLint also had this issue: AtomLinter/linter-csslint
I'm not sure how important CSSLint is to this project but if you don't need it try and removing it from your package list before you try downloading anything (if its a bare bones project)

How do I turn my create-react-app project into a single html file with embeded js?

I made a simple create-react-app project as a test assignment for a new job. I'm already finished with the project, but there's a catch:
I must turn the project in as a single html file with embeded js and css.
How do I turn my create-react-app project into a single file?
Edit: Running npm build doesn't solve my issue, as it builds the project, but the result is not a single html file! - it generates an index.html plus a static/ folder to import sources from.
I could hand-paste those I guess, but am looking for a more elegant solution!
Run this command:
npm run build

VS Community: No HTML Highlight

After working back with my project I saw that my HTML doesn't highlight and Razor Intellisense is not working at all. Any ideas how to fix it? Tried to reset settings and even reinstalling whole VS?
Ok, so I've installed DotNetCore.1.0.1-VS2015Tools.Preview2.0.2.exe and then run devenv.exe /resetuserdata, later on I've deleted .vs folder inside my project folder. When I run my project again everything was working properly. The problem was I didn't even have Web Templates when I was trying to create new project, after installing above they have shown in New Project templates.

How do I run and edit this github code?

I am new to developing but I want to experiment with making changes to this code my friend made for a site we are working on. This is the github link:
https://github.com/415DomSmith/ADA_Map
I've opened html files with chrome before to view them but that doesnt seem to work here. Opening views/landing.ejs with chrome doesnt render the whole site.
Here is a screenshot of the main folder contents:
main folder contents screenshot
So my question is what program can I use to render and make edits to the code? Can brackets do it? I've tried with no luck.
Thanks!
cd ${the root path of the project}
npm install
node app.js
visit localhost:3000 in the browser.
According to your description, I think you are new of nodejs and express.
If you want to understand it thoroughly, you must study below.
npm package
nodejs
express