Visual Studio Code auto compiling every EXACT minute in React project - reactjs

For some reason, my VScode keeps auto-compiling every 60 seconds on my React project (generated by create-react-app). I tried disabling all extensions but even then the issue persists. I have validated that files are not saved when this compiling occurs.
I would really appreciate any tips on what could be causing this.
Thanks in advance!

I finally found the issue, in tailwind.config.js I had set the value of content to [../*]. I changed it to ['./public/index.html'] and the issue has stopped (:

Related

The Angular Universal (SSR) cannot integrate with the external libraries like puppeteer, bulljs

This is just for describing the issue and sharing my solution, I got stuck a lot of time on it.
This issue happened after I upgraded the Angular 10 -> 11 and changed the builder from udk:udk-runner to #angular-devkit
The issue I was facing is when I set the field bundleDependencies in angular.json to true . The Puppeteer cannot start with the error cannot launch the browser
Then I found it also happened on the other external libraries I'm using at the Server side like BullJS Bull-Board Puppeteer-Cluster with the below error
Github source for demo the issue: https://github.com/phattranky/angular-ssr-error-with-pupepteer
The solution is quite simple you just need to add externalDependencies below the field bundleDependencies, which are the libraries we are using.
"externalDependencies": ["puppeteer", "puppeteer-cluster", "bull", "bull-board"]
Sample:
What is the externalDependencies ?
https://github.com/angular/angular-cli/blob/master/packages/angular_devkit/build_angular/src/builders/server/schema.json
If you have the better solution and any feedbacks, please share for me. Thanks

Permanently resolve Unable to watch for file changes in this large workspace

To resolve this issue I got there to the link provided by vscode
https://code.visualstudio.com/docs/setup/linux#_visual-studio-code-is-unable-to-watch-for-file-changes-in-this-large-workspace-error-enospc
Ok, this, corrects the error, But when I restart the Linux and again open my React project,
I get the Same error.
max_user_watches file again gets the value of 8192 as no. of max files.
My react server is not starting due to this issue.
Then I again follow the same step of the link provided, this sometimes gets frustrating.
Any permanent Help I could get from you.
A workaround:
Just disable this built-in extension: TypeScript and JavaScript Language Features

How to prevent Browsersync from refreshing scss

I'm working with laravel and react, and installed browsersync to speed things up.
However, I noticed on the CMD that it keeps detecting changes to the .scss file and re-builds, literally non stop.
It's my first time using BS, and I couldn't track the reason for this.
edit: Apparently I did something wrong while adding a custom font. I moved it directly to public/fonts, instead of adding to assets/fonts and having webpack move it to public/fonts. Fixing this solved the issue.
Apparently I did something wrong while adding a custom font. I moved it directly to public/fonts, instead of adding to assets/fonts and having webpack move it to public/fonts. Fixing this solved the issue.

React JSX error : Unclosed regular expression

Recently I was facing an issue coding React app on Visual Studio code. Because of this issue, whenever I wrote JSX inside the render function of the React Component and saved it, it would go messed up (I mean indentation would get messy). See the pic:
This error was also showing error like:
1. Unclosed regular expression
How to solve this?
If you are using jshint plugin, remove it and install ESLint plugin.
It is a good replacement for jshint in reactJS work.
I tried several options like creating a .eslintrc file or .jshintrc file.
But it turned out that in my Visual Studio Code IDE, there was third party extensions(eslint/jslint/tslint/beautify/jsformatter etc) that were causing a big mess in my JSX code.
I had to go to the extensions and disable all the extension which could hinder in the natural process of linting and code cleaning of React framework.
(These extensions are really great. But disabling them helped me in solving this issue of mine, no offense to anyone.)
If you are facing the same issue and the issue persists event after adding a .jshintrc with content:
{
"esversion": 6
}
then consider disabling the third party extensions.
Hope my answer helped.
the extension that did it for me was...
jshint
dbaeumer.jshint
Dirk Baeumer
as #abhay-shiro says, disabling a few extensions will usually resolve the issue.
I had the same problem, but it was "beautify" extension which was causing the error, I uninstalled it and installed prettier. It fixed the problem.
I solved this issue by disabling show syntax errors checkbox in visual studio 2015.
Tools -> options - > text editor -> javascript -> intelliSense -> general -> show syntax errors(disable)

no changes after compiling

When I compile my Silverlight prjoect changes aren't made.
And when I create a new Project no xap file is generated. neither in clientbin nor bin debug/release.
I cleared cache ...I tried different browsers. Nothing works
i figured out myself.
in vs2010 on options->projects and solutions->build and run->On run, when projects are out of date it was set to never build.
i have no idea how that was done because i never changed anything there.

Resources