VSCode中Svelte文件<script>标签显示svelte.config.js语法错误求助

针对所有带<script>标签的.svelte文件出现Error in svelte.config.js SyntaxError: unexpected reserved word svelte的视觉错误，以下是几个实用的解决方法：

• 更新Svelte VSCode插件
  打开VSCode的扩展面板，找到「Svelte for VS Code」插件，检查是否有更新，更新完成后重启VSCode。旧版本插件可能对ES模块格式的配置文件兼容性不佳。

• 切换svelte.config.js为CommonJS格式
  当前配置使用了ES模块的import语法，若Node版本偏低或插件识别有问题，可改成CommonJS格式尝试：

  const adapter = require('@sveltejs/adapter-auto');
  const config = {
      kit: {
          adapter: adapter(),
          methodOverride: {
              allowed: ['PATCH', 'DELETE']
          }
      }
  };
  module.exports = config;
  

• 确认文件关联与语言模式
  打开任意.svelte文件，点击VSCode右下角的语言模式（若显示为HTML或其他），选择「Svelte」作为默认语言模式。也可以在设置中添加配置：

  "files.associations": {
      "*.svelte": "svelte"
  }
  

• 刷新VSCode并清除缓存
  打开命令面板（Ctrl+Shift+P），输入「Developer: Reload Window」重启窗口；若无效，可卸载Svelte插件，删除~/.vscode/extensions中对应的svelte插件文件夹后重新安装。

• 检查Node.js版本与模块类型配置
  确保Node.js版本在v14.13.0或v12.20.0以上（支持ES模块），或者在项目根目录的package.json中添加"type": "module"，明确项目使用ES模块：

  {
      "type": "module",
      // 其他项目配置...
  }
  

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