How can I fix WebStorm warning "Unresolved function or method" for "require" (Firefox Add-on SDK)

Question

I'm using WebStorm 7 for Firefox Add-on SDK development.

WebStorm shows a warning: "Unresolved function or method" for require().

I want to get rid of the warning.

var pageMod = require("sdk/page-mod");

NOTE:I already configured JavaScript-library (refer /lib/sdk globals).

Environment:

WebStorm 7.0.2
Windows 7 64bit
Firefox Add-on SDK 1.15beta1

var pageMod = new require("sdk/page-mod"); may solve the issue. Notice the 'new' in the code — nbk, Nov 30 '13 at 08:47

lena · Answer 1 · 2020-12-11T09:56:12.487

382

Do you mean that require() is not resolved? You need to either add require.js to your project or enable Node.js Globals predefined library in Settings/Languages and Frameworks/JavaScript/Libraries.

(Edited settings path by @yurik)

In WebStorm 2016.x-2017.x: make sure that the Node.js Core library is enabled in Settings (Preferences) | Languages & Frameworks | Node.js and NPM

In IntelliJ 2018.3.2+ go to Settings (Preferences) | Languages & Frameworks | Node.js and NPM and enable Coding assistance for Node.js

edited Dec 11 '20 at 09:56

answered Nov 22 '13 at 15:10

lena

90,154
11
145
150

Thank you lena. and sorry my english poor.(>_<;) I want to cleanup warning on webstorm-editor. (script execution is no problem. ) Firefox-Addon-SDK conforms commonjs, but not uses node.js. "require" method defined /app-extension/bootstrap.js I set bootstrap.js to External Libraries, but not clear "unresolved" warning. let require = cuddlefish.Require(loader, module); function loadSandbox(uri) { let sandbox = ... sandbox.require = function (id) { return Object.freeze({ ... }); }; return sandbox; – skatsumata Nov 26 '13 at 09:27
12

Useful answer! BTW, in my webstorm 9, The location is: *Language & Frameworks -> Javascript -> Libraries* ; Another approach is to search for "Libraries" – Paul Ho Nov 10 '14 at 02:41
1

In Webstorm 9, you can also right-click on "require", and choose "Use Javascript Library->Node.js Globals" – Josh Noe Oct 25 '15 at 19:20
Enable the NodeJS plugin if 'Node.js Globals' is missing from the library list. – i0x539 Aug 01 '17 at 17:00
I tried everything in this tread and nothing worked, but when I updated to the latest webstorm, hey presto, no more errors! Give it a go, I'm using Webstorm 2017.3 (the problem was happening in Webstorm 11) and I no longer get the problem – FrodmanG Dec 08 '17 at 12:09
Sometimes you have to turn that option off, save the settings, then turn it on again for the error to go away. – jlh Dec 25 '18 at 13:53
4

FYI: I had to turn my node assist OFF, invalid caches and restart WebStorm and then turn it back ON to get it working. WebStorm 2018.3.5 – Reactgular Feb 28 '19 at 15:47
I had to do what @Reactgular said above. WebStorm 2021.2 – calvin Oct 12 '21 at 16:09

Andrzej Rehmann · Answer 2 · 2016-09-16T12:12:00.687

236

Webstorm 11 and 2016.2.3

Enable Node.js Core library in Webstorm settings.

edited Sep 16 '16 at 12:12

answered Mar 09 '16 at 13:49

Andrzej Rehmann

12,360
7
39
38

I just wanted to add on that I had the same problem and although my core library was already enabled, going to the settings screen seemed to fix the problem. – Rob Rose Mar 19 '16 at 19:22
1

didn't work for me using typescript with the latest version of node and webstorm. Still on the hunt for a fix for us angular2 people. Usage inside a component definition `styles: [require('./app.component.css')]` – a_dreb Jun 23 '16 at 06:07
I still have the error in the compiler error TS2304: Cannot find name 'require'. – SuperUberDuper Oct 21 '16 at 12:12
@SuperUberDuper You should replace 'require' with `import {*} from 'node module'` and specify `"target": "CommonJS"` inside **tsconfig.json** – Bhoomtawath Plinsut Jan 05 '17 at 08:05
Worked as soon as I enabled it in Webstorm preferences (not the project settings) – U_D Jun 04 '17 at 07:54
weird, not working in webstorm 2022.1.1 – Kasra May 27 '22 at 08:34

score 60 · Answer 3 · answered Jan 31 '17 at 03:43

60

After spending an hour trying to get this to work using all solutions found online, this finally did the trick!

File -> Invalidate Caches/Restart...

answered Jan 31 '17 at 03:43

M.Vanderlee

2,847
2
19
16

3

This worked for me with WebStrom 2017.2.4 to resolve an issue where Array.push was falsely indicated as a method that didn't exist. – POSIX-compliant Oct 11 '17 at 19:22
2

Worked for me after update ***PhpStorm 2017.2.4*** Build number ***PS-172.4155.41***. Problem was, the IDE ignored ES6 specs. – Maximilian Fixl Nov 22 '17 at 08:28
1

Worked for me in WebStorm 2021.2.3 – elgranchuchu Dec 02 '21 at 14:36
1

Can`t stress enough how CORRECT this answer is. – Ievgen Baziak Feb 09 '23 at 20:26

Zane · Answer 4 · 2018-06-26T17:52:26.927

47

In PHPStorm, it's a bit easier: you can just search for NPM in settings or:

File > Settings > Language & Frameworks > Node.js and NPM

Then click the enable button (apparently in new versions, it is called "Coding assistance for Node").

edited Jun 26 '18 at 17:52

answered Nov 01 '16 at 17:41

Zane

4,652
1
29
26

score 18 · Answer 5 · edited Oct 21 '16 at 12:14

18

Working with Intellj 2016, Angular2, and Typescript... the only thing that worked for me was to get the Typescript Definitions for NodeJS

Get node.d.ts from DefinitelyTyped on GitHub

Or just run:

npm install @types/node --save-dev

Then in tsconfig.json, include

"types": [
     "node"
  ]

edited Oct 21 '16 at 12:14

SuperUberDuper

9,242
9
39
72

answered Sep 09 '16 at 15:50

TetraDev

16,074
6
60
61

4

Thank You! I feel like I've been searching for ages! Just installing @types/node calmed down WebStorm; I'll see about the compiler later. – Kesarion Oct 06 '16 at 14:52
Thank you, this worked for me. For me, it used to work using the accepted answer here, but it somehow started conflicting as I added new libraries. This fixed my problem again – kioleanu Feb 04 '19 at 10:45

score 14 · Answer 6 · answered Jan 06 '19 at 09:20

14

In WebStorm 2018.3 a bit different interface

answered Jan 06 '19 at 09:20

Sergey S

889
12
18

score 7 · Answer 7 · edited Aug 12 '20 at 00:34

7

On WebStorm 2016.3

Press ALT+F12 (open terminal)
Run this command:
```
npm install require.js
```

edited Aug 12 '20 at 00:34

Pang

9,564
146
81
122

answered Dec 17 '16 at 17:03

GalBenEvgi

71
1
3

score 5 · Answer 8 · answered Dec 15 '19 at 20:18

5

For WebStorm 2019.3 File > Preferences or Settings > Languages & Frameworks > Node.js and NPM -> Enable Coding assitance for NodeJs

Note that the additional packages that you want to use are included.

answered Dec 15 '19 at 20:18

Arda Kazancı

8,341
4
28
50

It's so easy it might just work. – Devin B. Aug 01 '23 at 05:04

Shanimal · Answer 9 · 2017-05-08T14:08:41.090

Disable JetBrains Inspections and get the ESLint plugin.

The only thing that File | Invalidate caches and restart does for me is reset it long enough to trick me into thinking the error is gone. Once the inspections run again the error comes back like a gift that keeps on giving.

I saved myself all that frustration by disabling all JetBrains inspections (Editor > Inspections > uncheck JavaScript) Then I installed the ESLint plugin.

The inspection that causes "Unresolved function method" can be turned off by going to JetBrains inspections (Editor > Inspections > JavaScript) and searching for "Unresolved Javascript" and turning off "Unresolved Javascript function" and "Unresolved Javascript variable"

I killed them all and have edited my code hassle free ever since.

score 3 · Answer 10 · answered Oct 31 '19 at 11:17

Ok, Here I have seen a lot of answers already given, I want to add some more that are fixed unresolved function/method/variable warning.

That is resolved "unresolved function or method for 'require' and some other warning"

Go -> Preferences-> Languages & Frameworks -> Node.js and NPM, then checkmark the "Coding assistance for Node.js"

If you still see this type of warning, unresolved variable or something like that, you can manually disable these warnings by followings.

Go -> Preferences-> Editor-> Inspections-> JavaScript-> General.

and you will find a list and just unchecked what warning you want to disable and then apply.

score 2 · Answer 11 · answered Aug 14 '17 at 07:37

2

Another solution that helped me a lot is to update all libs in "Node.js and NPM". You need just mark all libs and click blue arrow - 'update'

answered Aug 14 '17 at 07:37

Konstantin Malikov

91
2
6

Josh Woodcock · Answer 12 · 2021-10-15T06:33:17.317

0

None of the above solutions worked for me. Something crazy happened. There was a tsconfig.json sitting in one of my directories. Once I deleted that it started working.

edited Oct 15 '21 at 06:33

answered Oct 15 '21 at 06:07

Josh Woodcock

2,683
1
22
29

score -2 · Answer 13 · answered Jul 16 '19 at 19:38

-2

File->Settings->Languages & Frameworks->JavaScript

answered Jul 16 '19 at 19:38

Dmitry Matrosov

412
4
5

How can I fix WebStorm warning "Unresolved function or method" for "require" (Firefox Add-on SDK)

13 Answers13

Linked