Questions tagged [webstorm]

WebStorm is a commercial IDE built by JetBrains for editing JavaScript, HTML, and CSS. It is built on the IntelliJ IDEA platform.

Filter by
Sorted by
Tagged with
-1 votes
0 answers
27 views

Problem with copying the code of a SVG file

When copied, this code changes to this: <path stroke-linecap="round" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(122,191,...
NiceDOCton's user avatar
1 vote
1 answer
35 views

Code completion for HTML DOM in JavaScript string literals in IntelliJ / PhpStorm

I am using a custom framework that shortens document.getElementById like so: function $$(elementId){ return document.getElementById(elementId); } $$("someDOMid").style.color = "#...
SteveT's user avatar
  • 123
0 votes
0 answers
22 views

Debug multi-tenant Next.js application in WebStorm or IntelliJ

I was trying to debug multi-tenant Next.js application in IntelliJ although there are multiple options in Edit Configuration (Debugging) Node.js NPM Attach to Node.js/Chrome JavaScript Debugger ...
ShankPossible's user avatar
0 votes
1 answer
13 views

Does Swimm have issues with alternative git installs, such as using Homebrew on macOS?

Getting an error in the WebStorm Swimm plugin that shows No other applications are yelling at me about an invalid git, and it is most definitely on my PATH.
bencodesall's user avatar
-1 votes
0 answers
17 views

WebStorm Redux types

Does anyone know how to fix the lack of tooltips in WebStorm? Hover: Autocomplete: At the same time, the same code in another project... What the hell is this? Clearing cache, changing TS version, ...
Dalys's user avatar
  • 9
0 votes
0 answers
14 views

IntelliJ services window does not show that a running task is running

From time to time certain tasks/services in WebStorm stop showing their true state(running/not running) and appeared to be no running from the services toolbar. Here you can see that the firebase-...
Eliav Louski's user avatar
  • 3,693
0 votes
0 answers
10 views

Debug linked modules using WebStorm

I'm attempting to debug a Next.js project within a Lerna monorepo using WebStorm. Currently, WebStorm doesn't halt at the source files, although it does stop at breakpoints within the code located in ...
Matías González's user avatar
0 votes
2 answers
14 views

Idea and WebStorm disable "Reformat code" convert destructuring to multilines

when call "reformat", oneline destructuring become multi lines, how to disable this feature, I don't know what settings option cause this feature
chikadance's user avatar
  • 3,619
0 votes
0 answers
17 views

When trying to use Kendo "flatten" function I am getting Error: Module not found:

I am getting error while I am trying to run/build Angular project. I am trying to use flatten I my project. I have updated my kendo version to 13.5.0. Before it was imported from: import { flatten } ...
GG.White's user avatar
0 votes
1 answer
14 views

Vue hints for a react based project created with plasmo

I've just installed Plasmo and generated a initial project. It's react-based but I'm getting Vue errors in WebStorm. npm run dev works without any problems, but I keep getting the red squigly lines ...
Musius's user avatar
  • 55
-3 votes
1 answer
50 views

How to enable VSCode code suggestion (autocompletion) like WebStorm code suggestion?

I am looking for a way how can I enable all code suggestions for JavaScript, HTML, CSS, jQuery, Bootstap, React and etc. code. for example I write this same codes in Visual Studio Code and WebStorm, ...
Reza Azimifar's user avatar
0 votes
0 answers
26 views

WebStorm "cannot find declaration to go to" for ID in HTML

In JetBrains WebStorm 2023.2.2, navigating to style declarations for classes works well with Ctrl-click, however for ids it does not work. Example: <!DOCTYPE html> <html lang="en"&...
jake n's user avatar
  • 351
0 votes
0 answers
11 views

Relative imports of files from same folder are edited in WebStorm

Whenever I am working in my project and move around some files the imports are being changes in my html. For example when I have a folder navigation in which I have 2 files, one of the files points to ...
Brum's user avatar
  • 631
0 votes
0 answers
18 views

Prettier in WebStorm: Functions get unfolded

When I run Prettier all functions got unfolded. I have a large component which I would like to stay folded. Is there any way to prevent this? const calcPrintBalance = function (account) { account....
Michael_O's user avatar
0 votes
1 answer
31 views

Failed building - Building app with Xcode.app, by opening .xcworkspace file

I have fixed a number of errors that occurred. I have now got CocoaPods to work properly. When I then run the program again, I get over 20+ building apps messages. After some time, I get the following ...
User2023-UsEr's user avatar
0 votes
1 answer
33 views

Failed to build iOS project

I'm developing an app with React Native using WebStorm and I've installed the Xcode Simulator and the simulator itself comes up but the app itself doesn't appear. When I run react-native run-ios I ...
User2023-UsEr's user avatar
0 votes
0 answers
25 views

Disable replace quotes and adding backslash to string on reformat - IntelliJ

What option inside IntelliJ (WebStorm) controls this update over strings? I updated the options in "Code Style -> TypeScript -> Punctuation" but on every test they keep happening. ...
VRMA02's user avatar
  • 1
0 votes
1 answer
27 views

Can't get breakpoints to work in WebStorm for JavaScript

Most likely a really stupid but completely frustrating question... Do I need to do something 'special' to enable break points with WebStorm? I have a ton of experience with PyCharm and it was never ...
Scott Sarnikowski's user avatar
0 votes
1 answer
25 views

Cannot find module './package.json'. Consider using '--resolveJsonModule' to import module with 'json' extension

I'm using Vite. In my vite.config.ts file, I have: import { resolve } from "node:path" import react from "@vitejs/plugin-react" import { defineConfig } from "vite" ...
Audiopolis's user avatar
1 vote
0 answers
24 views

How to force default test runner in WebStorm to be an npm configuration instead of mocha?

I'm using WebStorm 2023.2.1. My org uses a tool called chamber to access secrets when running tests locally. So when we run tests, we actually run chamber, and mocha (plus all of mocha's arguments) ...
Rich's user avatar
  • 1,165
0 votes
0 answers
17 views

Different Error colors/settings in WebStorm

Is there any way I can display ESLint/Prettier errors differently from TypeScript errors in WebStorm? Like orange squiggles for Prettier errors and red for TS?
Jonathan Tuzman's user avatar
0 votes
0 answers
12 views

Is it possible to paste with line breaks (and escaped text) in WebStorm?

I've got some logging that has a SQL query in it: WITH customer_orders AS (\n... id, \"name\", I'm certain in the past I've pasted text like that into WebStorm and gotten a result like: ...
jcollum's user avatar
  • 43.8k
-1 votes
1 answer
24 views

There are strange indents between characters in WebStorm terminal

Yesterday everything was fine, the problem occurred suddenly, I didn't touch the fonts. Changing the font in the settings does not help. I think this happened after yesterday's update. Please help me ...
JS-Samurai's user avatar
0 votes
0 answers
14 views

WebStorm huge Parameter Info popup size

Recently I've noticed that when I use Ctrl + P to see parameters in function it creates really huge popup window, but earlier everything was fine I've pressed Ctrl + P in a function and it created a ...
crescent17's user avatar
0 votes
1 answer
20 views

Angular set Sass root directory

I'm trying to set up Sass/SCSS environment in Angular. But I'm having an issue with setting up custom root directory for Sass/SCSS imports. IDE: I'm using the WebStorm IDE. I noticed this because of ...
Pavel B.'s user avatar
  • 843
-1 votes
1 answer
20 views

How to use FileWatcher to run script in WebStorm

I have a script in .restart file and I'd like to run it on save in WebStorm. I'm trying to use file watcher for that but all the time I'm getting error: /bin/zsh $HOME$/.restart /bin/zsh: can't open ...
K. Tys's user avatar
  • 159
0 votes
0 answers
18 views

WebStorm removes HTML close tag after commit

It seems that I make some wrong setting of WebStorm git commit. Now when I commit my code, WebStorm adds some double close tag />> and removes the normal close tag in my Angular template files, ...
Evan's user avatar
  • 190
0 votes
0 answers
26 views

How do I get WebStorm to understand that Jest is in scope and stop suggesting I import other libraries that aren't Jest?

The behavior: But I'm not using node:test, I'm using Jest. The package.json dev deps for that test file: "devDependencies": { // company specific imports removed "@babel/preset-...
jcollum's user avatar
  • 43.8k
1 vote
2 answers
180 views

Failed to load plugin '@typescript-eslint' declared in '.eslintrc.cjs' : Unexpected token '.'

I’m working on a React project with TypeScript and ESLint. I have the following versions of eslint and typescript-eslint in my package.json file "@typescript-eslint/eslint-plugin": "^6....
Karri Aravind's user avatar
0 votes
1 answer
83 views

Wrong linkin when import index.ts file without specifying the file extension, when another index.vue file is in the same folder, using vue 3 and vite?

How to import index.ts file without specifying the file extension, when another index.vue file is in the same folder, using vue 3 and vite? I'm trying to import component: import { Component } from '@/...
Digital Extent's user avatar
0 votes
0 answers
15 views

Typing words in WebStorm automatically transforms into them tags

I've been working on an HTML project without any issues, but suddenly, WebStorm has started automatically transforming regular words into tags whenever I hit the Enter key, and I can't for the life of ...
Sean's user avatar
  • 1
0 votes
1 answer
40 views

WebStorm/PhpStorm gives "Mismatched property value" error when using CSS lvh unit

Using "new" CSS units causes a "Mismatched property value" error I just started using these more modern CSS units, lvh, svh etc. But for some reason PhpStorm gives me this error. ...
Joe Lloyd's user avatar
  • 19.7k
0 votes
0 answers
20 views

External Library in WebStorm as CSS with an http link

Does someone know how to load an External Library in WebStorm as CSS with an http link? It gives me the option to "Download Library" in the warning. <link rel="stylesheet" ...
Abdel's user avatar
  • 1
0 votes
1 answer
37 views

Type disabled problem in WebStorm about Vue3 Props

declare Props import { ExtractPropTypes, PropType } from 'vue' export const Props = { ocrName: { type: String as PropType<string>, default: () => 'Nicky', }, age: { type: ...
卢方舟's user avatar
4 votes
1 answer
436 views

IntelliJ: Disable "TS80006: This may be converted to an async function."

In WebStorm, How can I disable the warning (aka. "quick-fix"): TS80006: This may be converted to an async function. By 'warning' I mean the function name is underlined, and I see the ...
kca's user avatar
  • 4,897
0 votes
0 answers
14 views

Is there any Text-Plugins for the WebStorm to highlight the Cucumber Scenario comment line from the scenario's steps?

As you see from the scenarios when I move the # from the second scenario the comment line becomes white color as scenario steps. I don't want to use # sign but still be able to highlight/differentiate ...
Mehmet Şirin Tarhan's user avatar
0 votes
0 answers
41 views

Stylelint invalid option [WebStorm 2021.2] error

WebStorm 2021.2 does not process SCSS files, in sass files Stylelint works fine. How can I directly tell WebStorm which file extensions to use? package.json Stylelint config The error: WebStorm ...
happy_cutman's user avatar
1 vote
0 answers
23 views

Perform a scripted find/replace or refactor in IntelliJ IDE

I'm looking to massively rename symbols in a series of projects due to changes in a shared library. That requires to search/replace strings like pkg1.Map → pkg2.Map. Since doing this manually is ...
John White's user avatar
1 vote
1 answer
25 views

WebStorm doesn't understand angular material functions in SASS

I have an Angular application that uses Angular Material and SASS. I have a few files like the following one: // Import library functions for theme creation. @import '@angular/material/theming' @...
André's user avatar
  • 1,639
0 votes
0 answers
43 views

How to upload only minified JS or CSS files with FTP in IntelliJ / PhpStorm

On commit, I only want to upload minified files like *.min.js or *.min.css but not the original files. How can I achieve that in JetBrains IDE like PhpStorm? It is done at the "Settings -> ...
Hansazone's user avatar
0 votes
0 answers
19 views

Change highlighted file colors

Here, index.ts is selected, but the explorer doesn't have focus, and the color associated with this is barely discernible from the background (fwiw I'm using VSCode Dark+ theme). Where in the settings ...
Jonathan Tuzman's user avatar
1 vote
0 answers
47 views

Signature mismatch warning for overriding constructor in JavaScript

I'm trying to override a constructor from a parent class. However PhpStorm is giving me a warning because the constructor override is incompatible as the signatures do not match. Why does it give me a ...
Baekhan Sung's user avatar
1 vote
1 answer
82 views

How to solve wrong TypeScript Error occuranse in WebStorm?

I have a completely new Vue.js installation by npm init vue@latest. Using WebStorm. Now I get TypeScript Errors 'Cannot find module' on places like in main.ts import App from './App.vue' will throw ...
MarvHock's user avatar
  • 823
-1 votes
2 answers
71 views

Use alternative location for .idea folder?

In our project there is .idea folder checked-in into git repository with old content (there is even .iml file that is actually previous generation), and it puts project into dirty state right after ...
Paul Verest's user avatar
  • 60.4k
0 votes
1 answer
28 views

Angular-NativeScript unknown HTML tags, properties (WebStorm)

I've recently started a project in WebStorm making an Angular-NativeScript app, but I am getting errors on tags that should be recognized by NativeScript, as well as errors on attributes and ...
Mint's user avatar
  • 13
1 vote
2 answers
61 views

Why WebStorm and TypeScript are not prompting me for getter type when using storeToRefs with pinia

I have a repository which implementation is via pinia with getter: export const useLanguage = defineStore<string, { current: string }>({ id: 'language', state: () => ({ current: 'en', ...
1 vote
0 answers
9 views

How can I get WebStorm to lookup entity references in my DTD files

I'm using JetBrains WebStorm 2023.1, to work on a Thunderbird extension. My extension includes some XUL/XHTML files whose content gets overlaid on top of Thunderbird. These files contain may attribute ...
einpoklum's user avatar
  • 119k
0 votes
0 answers
24 views

How to display a file in PhpStorm not minified?

Opened a file in PhpStorm and got the following: How to display a file in PhpStorm not minified? Tried to google - Google, but didn't find anything suitable. I want someone to help me find the ...
bitrixfinder's user avatar
0 votes
0 answers
27 views

Unable to type letter 't' inside WebStorm terminal

I am facing a very weird issue with WebStorm. I am unable to enter letter t inside the terminal within WebStorm. There is no issue if I type within the code editor or elsewhere. But I have no clue why ...
Shravani's user avatar
  • 1,622
0 votes
0 answers
43 views

Redirect request from localhost to webserver

I wrote an app.js that exchanges data with an existing web server using Socket.io and Axios. If the script is launched in an editor (VS Code / WebStorm), it runs without problems. Now I have tried to ...
Magnus Friedl's user avatar

1
2 3 4 5
109