无法在Jade/Pug模板中使用Lambda箭头函数？WebStorm配置求助

我来帮你搞定这个困扰！你在Node.js文件里用ES6箭头函数完全没问题，但复制到Pug模板的.script块里就出现编辑器报错，核心原因是WebStorm对Pug文件中的脚本块可能有单独的JavaScript语法检查配置，没有继承项目的ES6设置。下面是具体的解决步骤：

1. 确认项目全局JavaScript版本设置 #

首先确保你的项目整体已经正确配置了ES6支持：

• 打开WebStorm的设置（快捷键Ctrl+Alt+S，Mac是Cmd+,）
• 导航到Languages & Frameworks > JavaScript
• 在JavaScript language version下拉菜单中选择ECMAScript 6+（或者更高版本如ESNext）
• 确认设置的范围是Project（而非单个文件），然后点击Apply保存

2. 检查Pug文件的单独配置 #

有时候个别文件会覆盖项目的全局设置，你可以这样排查：

• 右键报错的Pug文件，选择File > File Properties
• 查看JavaScript language version选项，如果不是ECMAScript 6+，改成和项目一致的版本，然后确认保存

3. 验证Pug脚本块的写法 #

确保你在Pug中使用正确的脚本块语法，用script.（注意末尾的点）来包裹多行JavaScript代码，示例如下：

script.
  g_CurrentChat.on('message', (message) => {
    // 显示消息
    renderMessage(message);
  });

这种写法能让WebStorm正确识别块内的JavaScript代码，避免语法解析错误。

4. 更新WebStorm到最新版本 #

如果上面的方法都没用，可能是旧版本的WebStorm对Pug模板的ES6支持存在bug。尝试更新到最新稳定版，很多这类语法检查的问题在新版本中都已经修复。

按照这些步骤操作后，Pug模板里的箭头函数应该就不会再报错啦！

内容的提问来源于stack exchange，提问作者Robert Oschler