Tag: webstorm

为什么自动导入会为PhpStorm / WebStorm中的根节点模块生成相对path

我的项目结构： /website /node /node_module <<– library root /type_src <<– ts files /src <<– compiled js files 我曾经可以像这样自动导入根节点模块： /type_src/store/BaseStore.ts： import {observer} from "mobx-react/native"; @observer class BaseStore{ } 但是最近，自动导入为这些节点模块生成相对path： import {observer} from "../../node_modules/mobx-react/index"; @observer class BaseStore{ } import {observer} from "mobx-react/native";生成import {observer} from "mobx-react/native";的唯一方法import {observer} from "mobx-react/native"; 就是等着那个红灯泡出现，这样不方便。 我创build了另一个项目，它工作正常，但我不知道为什么这个项目突然有这个问题。 任何人都可以帮我找出这个问题吗？ tsconfig： { "compilerOptions": { "module": "commonjs", "target": […]

WebStorm中缺lessNodeJS项目types

我刚安装完整版本的WebStorm 9进行Node开发，但是当我去做一个新的项目时，没有任何build议是与节点相关的： 我期望至less有一个基本的节点模板，并希望文档中提到的Express模板。 我意识到，NodeJS Boilerplate模板似乎已被删除 ，但仍然应该有快速模板，不是？ 节点和NPM被安装，并且它们似乎被正确configuration：

为单个文件设置语法高亮显示

我经常编写小型的命令行实用程序，并使用其他语言来创build这些脚本（例如node.js，php等）。 当我创build这些文件时，我使用了一个标准的#! 启动文件来向shell表明这个intepreter应该是什么。 例如，对于一个node.js脚本，我把它放在顶部： #!/usr/bin/env node 在PHPStorm / WebStorm中，只要文件扩展名为.js ，语法突出显示就可以正常工作，但是如果删除了扩展名，则没有语法突出显示。 在SublimeText中，我可以使用命令pallet通过键入Ctrl + P / Cmd + P + SSJS（Set Syntax JavaScript）来将当前文件的语法设置为JavaScript（例如） JetBrains IDE中有没有什么办法可以设置单个文件的语法，而不仅仅是基于文件扩展名注册文件types？

TypeScript错误：保留字“this”用作名称

我试图让这个 Node.js的TypeScript定义工作，但WebStorm给了我一个错误的大列表与所有相同的消息： 保留字“this”用作名称。 此检查报告将JavaScript保留字用作名称的任何用途。 JavaScript规范保留了一些当前不用作JavaScript关键字的单词。 如果更高版本的JavaScript将它们用作关键字，那么将这些单词用作标识符可能会导致代码被破坏。 由于返回types而发生此错误的示例代码片段： 为什么不能this关键字是一个types？ 我是否可能使用旧的TypeScript编译器，或者在input时出错？ 编辑：为了摆脱错误，我刚刚用所包含的类或接口的typesreplace了所有这些types。 例如，给定示例中的错误通过将其更改为： export interface EventEmitter { addListener(event: string, listener: Function): EventEmitter; … } 虽然这不是解决实际问题的办法。

ReferenceError：在WebStorm中未定义angular度

我对AngularJS来说是全新的，我可能已经错过了在WebStorm中启动一个新的AngularJS项目的一些关键但不明显的步骤。 我安装了Node.JS，安装了npm的Angular，我甚至安装了bower，我甚至在凉亭里安装了angular，但是在这一点上，我不知道我缺less什么。 在debugging，我收到以下消息： c:\Users\YourUser\WebstormProjects\angularjs-template\app\app.js:6 angular.module('myApp', [ ^ ReferenceError: angular is not defined at Object.<anonymous> (c:\Users\YourUser\WebstormProjects\angularjs-template\app\app.js:6:1) at Module._compile (module.js:456:26) at Object.Module._extensions..js (module.js:474:10) at Module.load (module.js:356:32) at Function.Module._load (module.js:312:12) at Module.runMain [as _onTimeout] (module.js:497:10) at Timer.listOnTimeout [as ontimeout] (timers.js:112:15) 在运行中，我收到以下消息： c:\Users\YourUser\WebstormProjects\angularjs-template\app\app.js:6 angular.module('myApp', [ ^ ReferenceError: angular is not defined at Object.<anonymous> (c:\Users\YourUser\WebstormProjects\angularjs-template\app\app.js:6:1) at Module._compile (module.js:456:26) at Object.Module._extensions..js […]

如何使WebStorm解决模块是function？

WebStorm在parsing从CommonJS模块返回的函数（并读取与之关联的JsDoc）方面做了很好的工作，例如： // utils/valid.js /** * Returns true no matter what. * @param {HTMLElement} element * @return {boolean} */ function isValid(element) { return true; } module.exports.isValid = isValid; // exports property 然后在代码完成和内联文档机制中正确提供这样的function时，在另一个文件中需要这样的模块。 // main.js var isValid = require('./utils/isValid').isValid; // works well 但是，如果函数直接作为模块导出返回，则会失败 // utils/valid.js module.exports = isValid; // exports object is a function 所以当需要这样一个模块时，WebStorm似乎并不知道它是什么： // main.js […]

如何解决在WebStorm 10中未解决的function检查

我正在使用WebStorm 10。 当我使用像蓝鸟这样的代码就像一些一些库 var foo = require("foo"); // I will call foo.doSomething Promise.promisifyAll(foo); foo.doSomethingAsync(…).then(…) doSomethingAsync将被标记为未解决的function检查。 那么，我能做些什么像在WebStormconfiguration*asynchronous，以避免无法parsing的function标记？

无法在WebStorm中列出Grunt任务错误

我在Windows 7上使用的JetBrains WebStorm 11.0.4。我有一个Gruntfile.js文件的项目，当我试图让WebStorm“重新加载任务”，WebStorm失败： “Grunt”窗格中的“ 无法列出任务 ”。 错误的细节是： Registering "C:\Program Files (x86)\JetBrains\WebStorm 11.0.4\plugins\JavaScriptLanguage\grunt_js\tasks" tasks. Loading "grunt-tasks-fetcher.js" tasks…ERROR >> Error: Couldn't find preset "es2015" relative to directory "C:\\Program Files (x86)\\JetBrains\\WebStorm 11.0.4\\plugins\\JavaScriptLanguage\\grunt_js\\tasks" >> at <my_project>\node_modules\babel-core\lib\transformation\file\options\option-manager.js:395:17 >> at Array.map (native) >> at OptionManager.resolvePresets (<my_project>\node_modules\babel-core\lib\transformation\file\options\option-manager.js:387:20) >> at OptionManager.mergePresets (<my_project>\node_modules\babel-core\lib\transformation\file\options\option-manager.js:370:10) >> at OptionManager.mergeOptions (<my_project>\node_modules\babel-core\lib\transformation\file\options\option-manager.js:330:14) >> at OptionManager.init (<my_project>\node_modules\babel-core\lib\transformation\file\options\option-manager.js:488:10) >> at […]

由于Git的index.lock，WebStorm不断崩溃我的本地运行服务器

Error: EPERM: operation not permitted, lstat 'C:\ProjectDirectory\.git\index.lock' at Error (native) 我使用的是WebStorm，每次我使用npm start运行本地服务器进行testingnpm start ，无论什么时候什么也不做，有时在做了一些改动之后，它不可避免地崩溃了。 我正在使用这个React样板 ，而实际的作者回答了我提到的一个错误问题：“基于错误，它看起来像是你的编辑器或你的源代码控制系统正在locking文件。 每当我做了一些改变，我都有点累了重新启动服务器，并希望解决这个问题。 完整的错误日志

如何debugging咕噜莫卡任务？

我正在使用WebStorm运行一个咕task任务。 debugging器成功停止在Gruntfile.js文件的断点处，但不在我的任务文件中。 在Gruntfile.js中，我注册了一个这样的任务： grunt.initConfig({ … configuration … }); grunt.registerTask('myTask', ['mocha:myTask']); 当我在testing“myTask”的相应js文件中设置一个断点时，它不会停止。 我怎样才能debugging咕噜testing呢？ — UPDATE ————————————— 所以我尝试了所有可能的解决scheme，但这并没有解决我的问题！ 我能够debugginggrunt脚本本身，这是debugging器实际停止的地方（在WebStorm或节点检查器中）。 Gruntfile.js中的一个断点正在工作。 问题是，我无法debugging实际的Grunt任务本身，像这样注册grunt：grunt.registerTask（'myTask'，['mocha：myTask']）; 我也能够debugging摩卡testing本身。 但是我想debugging一下从grunt task runner调用的一个mochatesting。 有任何想法吗？