Webstorm无法识别JavaScript文件

Question

Webstorm无法将我的.js文件中的某个文件识别为JavaScript文件，因此我正在丢失语法突出显示并能够添加断点。我查看了workspace.xml文件，并且该文件似乎与其他正常工作的.js文件具有相似的设置。

如果我更改文件的名称，它可以正常工作。所以Webstorm不知何故误解了具有此名称的文件的类型。我还能在哪里编辑项目？

Answer 1

所以我看到了问题的三个可能原因：

1）文件被标记为“纯文本”

2）“文本文件”文件类型的模式与此文件匹配（或返回：文件类型“JavaScript”排除此文件名）。见下图

3）有一个自定义插件可以覆盖具有此名称（不太可能）的文件的默认行为

注意：该解决方案适用于所有基于IDEA的IDE：IntelliJ IDEA，WebStorm，RubyMine，PyCharm，PhpStorm。

Answer 2

如果文件被标记为“纯文本”，则可以按如下方式修复：

1. 右键单击该文件。

2. 其中一个菜单选项是“标记为Javascript”。在“删除”下面。

3. 点击它。您的文件现在被WebStorm识别为javascript。

由于WebStorm在右键单击后不允许截图，因此无法在此处添加。

Answer 3

档案 - ＆gt;设置 - ＆gt;编辑 - ＆gt;文件类型 - ＆gt;文本文件 - ＆gt;检查那里的“ContentRepository.js”模式并将其删除。

Answer 4

我的问题是 Auto-detect file type by context

Answer 5

对我而言，这就是诀窍 1）偏好
2）编辑 3）文件类型
4）搜索javascript
5）将*.js添加到已注册的模式

Answer 6

您也可以尝试使用“模板数据语言”（在文件>设置中），这将在特定文件或文件夹上突出显示特定语言的语法。请参见下面的屏幕截图

对于一段代码，您也可以使用“语言注入”。只需突出显示代码块，等待小灯亮起，然后选择底部选项，然后选择所需的语言（也附有屏幕截图）

Answer 7

以防其他地方有所帮助（OMG，这很可怕）。

由于某种原因，IntelliJ无法识别我项目中的任何 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" /> <div class="container"> <div class="row" style="border:1px solid black;display:flex"> <div class="col s12 m3"> abc </div> <div class="col s12 m3"> abc </div> <div class="col s12 m3"> abc </div> </div> </div>文件（即使在删除.js后（.idea））。

我去了rm -rf .idea（在我的情况下是Webstorm）：RubyMine然后去了公认的文件类型，选择了Javascript（但是无论您使用哪种文件类型则可以），然后重新添加一个{strong> Webstorm > Preferences ... > Editor > File Types

的已注册模式条目

当然，先按*.js，然后按Apply。

哇，可怕的东西。但解决了我的问题，希望对其他人有帮助。

Answer 8

我一直试图将 .js 添加为可识别的文件类型，但不知何故将 .js 添加到 Ignored Files and Folders。

我刚刚从 .js 中删除了 Ignored Files and Folders，它对我有用。

1. 偏好设置
2. 编辑
3. 文件类型
4. 忽略的文件和文件夹
5. 删除*.js