When it comes to JavaScript programs, errors can be identified using Integrated Development Environments (IDEs) or online web apps. However, I am in search of a method that specifically focuses on detecting syntax errors.
I have experimented with JSLint and JSHint, exploring their various options, but have yet to discover a configuration that filters out warnings, displaying only the syntax errors.
Is there a way to assess JavaScript code solely for syntax errors through the command line?
I rely on the parsing capabilities of acorn:
$ acorn --silent test/scripts/js-error.js; echo $?
Unexpected token (1:14)
1
$ acorn --silent test/scripts/js-ok.js; echo $?
0
To add it to your project, simply run: npm install acorn.
To fix this issue, make sure to activate jshint's --verbose setting, which will display the error or warning code (such as E020 for Expected '}' to match '{' or W110 for Mixed double and single quotes). After that, search for errors specifically by using the following command:
jshint --verbose test.js | grep -E E[0-9]+.$
If you're looking for a tool that meets your needs, JSHint is the answer.
You have the ability to customize which warnings or errors are displayed.
For instance:
$ jshint myfile.js
myfile.js: line 10, col 39, Octal literals are not allowed in strict mode.
1 error
One way to ensure your code is error-free is by utilizing Node's in-built syntax checking feature:
node --check filename.js
For more information, check out the documentation here: https://nodejs.org/api/cli.html#cli_c_check
If you need a JavaScript parser, consider using acorn as suggested by @cweise. It is known for its speed and includes a useful --silent option.
Another option is to try esvalidate which is part of the npm package esprima. You can find more information about it here:
$ npm install -g esprima
$ esvalidate js-file-with-errors.js
js-file-with-errors.js:1: Invalid assignment target
Here is a solution to ensure Continuous Integration in a project:
1- Run checks on all JavaScript files while excluding specific folders, subfolders, and files.
2- Abort the process if any errors are found.
esvalidate --version || npm install -g esprima;
find ./ -not \( -path ./exclude_folder_1 -prune \) -not \( -path ./exclude/sub_folder -prune \) -not \( -path ./exclude/sub_folder_2 -prune \) ! -name exclude_specified_file.js -name \*.js -exec esvalidate '{}' \; | grep -v "No syntax errors detected" && echo "Javascript Syntax error(s) detected" && exit 1;
Currently, I have a basic form for new user sign-up. My goal is to prevent users from submitting the same email address twice. Therefore, I am considering implementing an Ajax check prior to form submission to verify if the email already exists in the syst ...
Within my code, I have the following function that is triggered when the document is ready: $('#file_upload_form').submit(function(){ // show loader [optional line] //if(document.getElementById('upload_frame') == ...
As a novice in canvas game development, I must apologize for my lack of knowledge. I have an image with dimensions 2048px width and 1536px height that needs to be placed within a canvas (the width and height vary on different devices). While I am able to ...
I'm trying to incorporate a date pipe in my AngularJS and Firebase project to display the creation date of a post. However, I am facing an issue where the date does not appear when testing it. Below is my create Post function: createPost() { con ...
I'm currently learning TypeScript and attempting to integrate it into my personal project. When I make the call to ReactDOM.render, I encounter this error: No overload matches this call. The last overload resulted in the following error. Argument of ...
When it comes to online payments, I need to send parameters to a specific URL. The calculations on my website are done in JavaScript, but the online payment company requires PHP parameters like MD5 hashing. To address this, I attempted to create a hidden ...
Working with office.js and Angular 6 to develop my add-in, I have implemented event listeners that run in the background. However, these events require the right side task pane to remain open or minimized. I am seeking a solution to prevent users from clos ...
I require assistance with identifying the issue in the JavaScript code provided below. I am working with a Bootstrap 5 form where the submission is not being prevented if the fields are left blank or invalid. While the HTML/CSS validation works correctly f ...
Looking to Enhance My Web-Application I have been working on a web-application that utilizes: Laravel for the back-end Angular for the front-end. Milestone Achieved! I successfully implemented the entire user authentication process including: User Aut ...
Currently, I have an object with keys that have multiple values. Additionally, there is an array with a simple key check as follows: ["random", "three"]. My goal is to retrieve the mainData, but only with the object and the data that match the keys in th ...
I've tried researching and troubleshooting, but I still can't figure out why the Ajax code is not functioning correctly. Here is my JavaScript code: $(document).ready(function(){ $("#tform").submit(function() { var varUserName ...
Upon receiving data from the server, I am facing an issue where it is displayed as a single long string. My goal is to parse this received data into different variables for better usability. Client-side Code function sendData() { var datas = { testdata: ...
I'm dealing with an HTML code that can dynamically change table data based on user selection. Here's the snippet of my HTML code: Select an option: <select name='set' id="set" class="selectpicker" onchange='displayFields(this. ...
I'm currently working on a project that involves creating a table using JSON response and Knockout.js. Here's how I've set it up: First, in my JavaScript file: $(document).ready(function() { $.ajax({ method : "POST", url ...
Seeking assistance in setting up a site to enforce HTTPS (redirecting from HTTP). Our HTTPS is configured through AWS Elastic Beanstalk, but currently both HTTP and HTTPS are accessible. After reviewing various resources, such as this one, I attempted the ...
There are 3 paragraphs of text on a page...I am looking to dynamically change the font size of these paragraphs every 3 seconds....is that feasible? Specifically, I want paragraph 1 to be initially displayed at 10px and paragraph 2 at 8px. Then, aft ...
I am working on creating a function fn() that has the following specifications: It takes a single argument x which is an object with optional keys "a" and "b" (each field may be numeric for simplicity) The function should return a new object with the same ...
I'm currently developing a basic notification system. Check out the jsfiddle I created here: https://jsfiddle.net/t9pvmzhh/3/ For some reason, jsfiddle is not showing all 4 notifications even though they display correctly on my end. I suspect there ...
I am currently working on developing a hybrid app using IBM Worklight. In order to fetch XML data from the server, I have incorporated the following jQuery code. <script type="text/javascript"> (function ($) { /** ...
Essentially, I have a form that includes a radio select widget for the field named Queue. The choices available for the Queue are sourced from a model, which is accessed and defined within the views.py file. To display this form on my template, I am using ...