前言

因为在一个新项目想初始化Eslint,但是不知道为啥在执行npx eslint --init方法初始化的时候会出现一些问题. 然后网上蛮多文章都没有对这个问题有个很好的解决办法，所以就写下我的解决方法.

问题详情

在项目的终端执行这个命令后会以下错误:

PS C:\Users\weikengdezaoshang\Desktop\前端练习\vue\api> npm init @eslint/config
npx: 40 安装成功，用时 8.635 秒
D:\nodejs\node_cache\_npx\10088\node_modules\@eslint\create-config\bin\create-config.js:9
import { initializeConfig } from "../lib/init/config-initializer.js";
       ^

SyntaxError: Unexpected token {
    at Module._compile (internal/modules/cjs/loader.js:721:23)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:829:12)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)

很奇怪,因为初始化这个Eslint的时候是会出现选择配置的一个命令行，但是我这个是先去下载一些类库，然后下载npx成功后，执行create-config的命令时报的这个错真的很莫名其妙的，百度了很久，发现很多都是要一些包没下载，但是都没有这个报错信息，后面我猜测是不是node版本不支持。

解决过程

因为我的node版本是10.16.0的，所以我后面更换了下这个node版本为14.0以上的，然后再重新尝试一下，就发现出现了熟悉的界面

PS C:\Users\weikengdezaoshang\Desktop\前端练习\vue\api> npx eslint --init
You can also run this command directly using 'npm init @eslint/config'.
? How would you like to use ESLint? ...
  To check syntax only
> To check syntax and find problems
  To check syntax, find problems, and enforce code style

总结

有很多时候要是不是书写错误，或者包的依赖没有下载，就是node版本和当下的应用不兼容，我发现前端很多时候都是node版本的问题，这样下次处理这些问题也有一个很快的方式。