Electron + Vue 使用 nconf 是会报错 Module parse failed: Unexpected token

看到别人项目里使用nconf 来分配存储，于是我也跟着 npm i nconf

结果在主进程 background.js 载入 import nconf from 'nconf';

结果 在npm run dev 时报错如下：

 App running at:
  - Local:   http://localhost:8080/
  - Network: http://192.168.2.153:8080/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

\  Bundling main process...

 ERROR  Failed to compile with 1 errors                                                         上午1:19:09

 error  in ./node_modules/nconf/node_modules/yargs/lib/platform-shims/esm.mjs

Module parse failed: Unexpected token (18:41)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| const REQUIRE_DIRECTORY_ERROR = 'loading a directory of commands is not supported yet for ESM'
|
> const mainFilename = fileURLToPath(import.meta.url).split('node_modules')[0]
| const __dirname = fileURLToPath(import.meta.url)
|

 @ ./node_modules/nconf/node_modules/yargs/index.mjs 4:0-59 7:28-43
 @ ./node_modules/nconf/lib/nconf/stores/argv.js
 @ ./node_modules/nconf/lib/nconf/stores sync ^\.\/.*$
 @ ./node_modules/nconf/lib/nconf.js
 @ ./src/background.js
 @ multi ./src/background.js

 ERROR  Build failed with errors.

折腾了一天找不到解决法案，同时也备份项目 尝试过 重新安装 所有依赖，结构都是一样。

我实在是没法了，希望高人指定一下，我应该怎么做？