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.
5,412
questions
-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,...
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 = "#...
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
...
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.
-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, ...
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-...
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 ...
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
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 } ...
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 ...
-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, ...
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"&...
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 ...
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....
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 ...
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 ...
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.
...
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 ...
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"
...
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) ...
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?
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:
...
-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 ...
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 ...
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 ...
-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 ...
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, ...
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-...
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....
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 '@/...
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 ...
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. ...
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"
...
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: ...
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 ...
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 ...
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 ...
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 ...
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'
@...
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 -> ...
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 ...
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 ...
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 ...
-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 ...
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 ...
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 ...
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 ...
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 ...
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 ...