'require' webstorm 无法识别关键字
'require' keyword not being recognized by webstorm
我正在使用 WebStorm 作为 IDE。
这是我的文件夹结构和 express.js 安装:
但是我的示例代码不知道 require 关键字:
var express = require('express');
var app = express();
app.listen(1337, function(){
console.log("ready");
});
更新
Per Darin 的回答这是我的 package.json 文件,现在位于网站文件夹的根目录中:
{
"name": "MyTestSite.com",
"version": "0.0.1",
"description": "A Website",
"main": "test.js",
"directories": {
"test": "tests"
},
"dependencies": {
"express": "^4.11.2"
},
"devDependencies": {},
"scripts": {
"test": "n/a"
},
"repository": {
"type": "git",
"url": "https://github.com/n/a"
},
"keywords": [
"express"
],
"author": "My Name",
"license": "n/a",
"bugs": {
"url": "https://github.com/n/a/issues"
},
"homepage": "https://github.com/n/a"
}
这是用 npm init 创建的。我不认为我需要那些废话所以现在我只有:
{
"name": "MyTestSite.com",
"version": "0.0.1",
"description": "A Website",
"main": "test.js",
"directories": {
"test": "tests"
},
"dependencies": {
"express": "^4.11.2"
}
}
我这里一定是格式不正确...WebStorm 仍然无法识别 require 关键字。
require 不是 npm 的关键字吗?
确保您的网站根目录中有一个 package.json
文件。
在 Webstorm 中,您可以在设置 (ctrl-alt-s
) 中的三个位置更新 Node.js 个项目的设置。
设置:Javascript 库
首先,在 Javascript | Libraries
中,您可以指定应加载 Node 库。您的库集可能看起来与此不同,但应该非常接近……或者,如果需要,您可以添加库以显示您的风格(节点、io 等)。
JSHint
其次,如果您启用了 JSHint,您还应该启用 Node.js 环境,以便 JSHint 正常运行。
Nodejs 和 NPM 设置
您还可以(应该)设置节点可执行文件的路径。 Webstorm 还将检测您全局安装的模块,并显示您的版本是否是最新的。
官方文档
最后,这个参考 link 包含更多关于 WebStorm 和 Node 的信息:JetBrains Webstorm -- Nodejs Docs
确保在 Settings > Languages & Frameworks > Node.js and NPM
下选中 Index internal node modules
。完成索引后,它将识别 require 关键字。
在首选项 > 语言和框架 > Node.js 和 NPM 下,确保 "Node.js Core library is enabled" 已启用。
更新
在新的 Webstorm 版本上,只需越过错误并单击 More Actions...
(或 ALT+ENTER)和选择
启用Node.js编码帮助将解决这个问题。
要在新的 Webstorm 版本上解决这些问题,您需要为 Node.js.
启用 编码帮助
为此,请继续 Settings
> Languages & Frameworks
> Node.js and NPM
并单击 Coding assistance for Node.js
选项,然后单击 确定 保存:
这将解决所有 Node.js 未解决的变量和函数。
我正在使用 WebStorm 作为 IDE。
这是我的文件夹结构和 express.js 安装:
但是我的示例代码不知道 require 关键字:
var express = require('express');
var app = express();
app.listen(1337, function(){
console.log("ready");
});
更新
Per Darin 的回答这是我的 package.json 文件,现在位于网站文件夹的根目录中:
{
"name": "MyTestSite.com",
"version": "0.0.1",
"description": "A Website",
"main": "test.js",
"directories": {
"test": "tests"
},
"dependencies": {
"express": "^4.11.2"
},
"devDependencies": {},
"scripts": {
"test": "n/a"
},
"repository": {
"type": "git",
"url": "https://github.com/n/a"
},
"keywords": [
"express"
],
"author": "My Name",
"license": "n/a",
"bugs": {
"url": "https://github.com/n/a/issues"
},
"homepage": "https://github.com/n/a"
}
这是用 npm init 创建的。我不认为我需要那些废话所以现在我只有:
{
"name": "MyTestSite.com",
"version": "0.0.1",
"description": "A Website",
"main": "test.js",
"directories": {
"test": "tests"
},
"dependencies": {
"express": "^4.11.2"
}
}
我这里一定是格式不正确...WebStorm 仍然无法识别 require 关键字。
require 不是 npm 的关键字吗?
确保您的网站根目录中有一个 package.json
文件。
在 Webstorm 中,您可以在设置 (ctrl-alt-s
) 中的三个位置更新 Node.js 个项目的设置。
设置:Javascript 库
首先,在 Javascript | Libraries
中,您可以指定应加载 Node 库。您的库集可能看起来与此不同,但应该非常接近……或者,如果需要,您可以添加库以显示您的风格(节点、io 等)。
JSHint
其次,如果您启用了 JSHint,您还应该启用 Node.js 环境,以便 JSHint 正常运行。
Nodejs 和 NPM 设置
您还可以(应该)设置节点可执行文件的路径。 Webstorm 还将检测您全局安装的模块,并显示您的版本是否是最新的。
官方文档
最后,这个参考 link 包含更多关于 WebStorm 和 Node 的信息:JetBrains Webstorm -- Nodejs Docs
确保在 Settings > Languages & Frameworks > Node.js and NPM
下选中 Index internal node modules
。完成索引后,它将识别 require 关键字。
在首选项 > 语言和框架 > Node.js 和 NPM 下,确保 "Node.js Core library is enabled" 已启用。
更新
在新的 Webstorm 版本上,只需越过错误并单击 More Actions...
(或 ALT+ENTER)和选择
启用Node.js编码帮助将解决这个问题。
要在新的 Webstorm 版本上解决这些问题,您需要为 Node.js.
启用 编码帮助为此,请继续 Settings
> Languages & Frameworks
> Node.js and NPM
并单击 Coding assistance for Node.js
选项,然后单击 确定 保存:
这将解决所有 Node.js 未解决的变量和函数。