Visual Studio Code 保存文件时模板字符串路径被加空格如何解决

你遇到的问题是格式化工具把模板插值块${}内部的/识别成了除法运算符，自动在运算符前后添加空格导致代码报错，可按你使用的格式化工具对应修改配置：

• 若使用Prettier作为默认格式化工具
  在项目根目录的.prettierrc配置文件中添加如下规则，关闭运算符前后自动加空格的逻辑：

  "insertSpaceAroundOperators": false
  

• 若使用ESLint自动修复触发空格添加
  在项目的ESLint配置文件（.eslintrc.js/.eslintrc.json等）中修改space-infix-ops规则：

  "rules": {
    "space-infix-ops": "off"
  }
  

• 若使用VS Code自带的JS格式化工具
  打开VS Code设置（快捷键Ctrl+, Windows/Linux，Cmd+, macOS），搜索javascript.format.insertSpaceAroundOperators，取消勾选该配置项即可。

补充写法优化建议 #

你当前的代码本身存在语法问题：将路径分隔符/写在模板插值块${}内部，JS会把/识别为除法运算符而非路径的一部分，哪怕关闭空格规则代码运行也会报错。推荐修改为正确的路径拼接写法：

1. 模板字符串正确写法：

const tours = JSON.parse(fs.readFileSync(`${__dirname}/dev-data/data/tours-simple.json`));

2. 跨系统兼容更稳妥的path.join写法（需要提前引入path模块）：

const tours = JSON.parse(fs.readFileSync(path.join(__dirname, 'dev-data', 'data', 'tours-simple.json')));

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