自托管Cloud9 IDE使用import.meta.url出现Unexpected token import错误

该报错属于解析错误，非规则校验错误，由旧版Cloud9内置的低版本ESLint导致：4年前停止维护的c9/core内置的ESLint版本远低于支持ESM import.meta 语法的v7.2.0版本，解析器无法识别ES2020引入的import.meta规范，因此抛出Unexpected token import提示，该类错误无法直接通过禁用校验规则修复。

方案1：使用项目本地ESLint及Babel解析器（兼容性最高） #

优先使用项目本地安装的高版本ESLint覆盖IDE内置版本，操作步骤如下：

1. 安装对应依赖

npm install eslint @babel/core @babel/eslint-parser --save-dev

2. 更新.eslintrc配置，替换解析器为支持新语法的@babel/eslint-parser

{
  "parser": "@babel/eslint-parser",
  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module",
    "requireConfigFile": false
  },
  "rules": {
    "semi": ["error", "never"]
  }
}

原有自定义校验规则可完全保留，配置生效后即可正常识别import.meta语法。

方案2：原生ESLint配置（无需额外依赖） #

如果项目本地ESLint版本≥v7.2.0，无需引入Babel解析器，直接更新解析配置即可：

{
  "parserOptions": {
    "ecmaVersion": 2020,
    "sourceType": "module"
  },
  "rules": {
    "semi": ["error", "never"]
  }
}

ecmaVersion指定为2020及以上版本后，ESLint原生解析器即可支持import.meta语法。

方案3：禁用IDE内置校验（兜底方案） #

如果Cloud9强制调用内置旧版ESLint导致以上配置不生效，可在IDE偏好设置中关闭内置JavaScript语法校验，改为在终端执行npx eslint .手动执行校验，或配置git钩子在提交前自动触发校验。

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