Facing issues with debugging JavaScript using WebStorm lately

Previously, I had no issues debugging JavaScript from WebStorm with the help of the JetBrains Chrome extension. It would effortlessly open a new tab in Chrome and launch my site without any trouble.

However, after rebooting my computer due to a Windows update, this functionality stopped working. Now, when I try to start the debugging process from WebStorm, Chrome opens a new tab and displays the following in the address bar but nothing else happens:

data:text/html;base64,PCFET0NUWVBFIGh0bWw+PHRpdGxlPkxvYWRpbmcgaHR0cDovL3ZtLnNob3RndW4ubG9jYWwvPC90aXRsZT4=

My site fails to load and the page remains blank in Chrome.

Answer №1

It seems like the issue may be related to a recent Chrome update causing changes in the API that are disrupting the Javascript debugger functionality. Thankfully, the problem identified as WEB-12418 has been resolved in the latest version of WebStorm 9 EAP.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Creating a dynamic dropdown menu in Laravel 5.3 - A step-by-step guide

Here is my HTML code: <div class="form-group has-feedback{{ $errors->has('kdkotama') ? ' has-error' : '' }}"> <select class="form-control" name="kdkotama" id="kdkotama"> <option value="">---- ...

Challenges with the NestJS JWT Module

Encountering difficulties with the JWTModule in NestJS. I keep receiving this error message, even after passing the secret directly into the configuration instead of through my env file. I'm unsure of what the issue might be. Error: secretOrPrivateKey ...

How can getters in vuex be utilized uniquely?

After dedicating two weeks to studying Vuex, I find myself pondering the true significance and purpose of getters in the framework. I ran the following code snippet and everything seems to be functioning properly. this.$store.getters["app/url"] ...

Populate a shopping cart with items using AngularJS

Greetings from an Angular newbie! I'm currently working on developing a shopping cart specifically designed for college students. The objective is to input the name and price of items into a text field and upon clicking a button, have the item added t ...

Looking to tilt text at an angle inside a box? CSS can help achieve that effect!

Hey there, is it possible to achieve this with CSS or JavaScript? I require it for a Birt report. ...

Store the response data in a global variable or forward it to another function in Node.js using Express JS

I'm currently working on a function that makes a post request to an API (app.post), sending a token and a URL for redirection to webpay. The challenge I'm facing is saving that token in a global variable so that it can be accessed by another func ...

Having trouble with Node.js GET request functionality not functioning properly

I've been encountering difficulties with loading a page using Node.js. While my Node.js Application code functions properly when attempting to load other resources such as www.google.com, it seems to encounter issues specific to the domain name www.eg ...

What is the most effective way to create a live preview using AngularJS and CSS?

Is there a way to dynamically change the background color of the body based on the hexadecimal value entered in a textfield, without using jQuery? I want the change to happen live as the user types. The current code works but it doesn't feel right. I ...

What is the process for verifying a Radiobutton list?

Could someone please assist me with checking a radio button? Below is the code for the radio button list: <div class="md-radio-list"> <label class="md-radio" id="@ch.AnswerId"> <input name="@ch.QuestionId" onclick="handlesClick(this); ...

Developing a unique bundle with tailored elements

I am interested in developing a custom Material UI component and making it available as a standalone package within my company's private NPM repository. Specifically, I have customized the Date Picker to create a Date Range Picker since Material UI d ...

Designing an image transformation page by segmenting the image into fragments

Does anyone have insight into the creation process of websites like this one? Are there any plugins or tools that can assist in building something similar? ...

Using JavaScript to empty input field when switching focus between input fields

I am experiencing an issue with clearing a input number field. Here is the code snippet in question: <input class="quantity_container" v-model="length.quantity" type="number" pattern="[0-9]*" inputmode="numeric" onfocus="if (this.value == &ap ...

(Original) redirect from specific url / url detection New text: "Redirection

Sorry for the long and confusing question, my apologies for wasting your time. I am still learning programming and what I really wanted to ask is "how can I retrieve a GET parameter using JavaScript?" Apologies for any inconvenience. ...

Eliminate a specific element from an array that is contained within an object, which is in turn nested within

I encountered an issue with my code concerning data manipulation. The data structure I am working with is as shown below; users: [ { name: 'bolu', features: ['Tall'], }, { name: 'cam', feat ...

Headers cannot be set after they have already been sent following the establishment of the content-type

Currently, I'm attempting to retrieve an object from my server's API. This particular API presents the object as a stream. To properly handle the MIME type of the object (which typically ends in .jpg or similar), I want to ensure that the conte ...

Stop Jade from collapsing the directory hierarchy

When it comes to implementing a build solution using NPM scripts instead of Gulp or Grunt, I have been facing some challenges in managing multiple Jade files efficiently. I've referred to resources like and for guidance. The Jade CLI allows for com ...

Is there a way in React JS to attempt a function multiple times using try/catch?

I wrote a function with try catch inside where I make a call to an API for a response. The response returns a Result object with some data. Occasionally, I need to retry the function if certain conditions are met, such as having no name but having a bundle ...

Storing data with NPM global packages: Best practices

I have developed a global npm package that functions as a CLI tool. https://i.sstatic.net/PdT3Z.png My goal is to customize the user experience by having the package remember the user's previous choices. For example, if the user selects 'Iphone ...

Unlocking the Power of Global Props in AlpineJS: A Step-by-Step Guide

I'm currently exploring AlpineJS after having some experience with React and basic knowledge of Vue. One thing that has puzzled me about AlpineJS is how to update a state value from within a function, similar to how it's done in React. Let' ...

The functionality of ng-change and ng-click seems to be restricted when using a toggle button with bootstrap

Having trouble with ng-click or ng-change on a toggle button. Utilizing the toggle-bootstrap package in this case. <input checked data-toggle="toggle" data-size="small" type="checkbox" data-on="16x9" data-off="4x3 ...