记录vite-plugin-svg-icons执行npm引发的错误

首先先上报错信息：

failed to load config from /home/huanglifen/桌面/lianXi/Vue/middleground/vite.config.cjs
error when starting dev server:
TypeError: defaultLoader is not a function
    at Object.require.extensions.<computed> [as .cjs] (/home/huanglifen/桌面/lianXi/Vue/middleground/node_modules/vite/dist/node/chunks/dep-689425f3.js:62009:13)
    at Module.load (node:internal/modules/cjs/loader:989:32)
    at Function.Module._load (node:internal/modules/cjs/loader:829:14)
    at Module.require (node:internal/modules/cjs/loader:1013:19)
    at require (node:internal/modules/cjs/helpers:93:18)
    at Object.<anonymous> (/home/huanglifen/桌面/lianXi/Vue/middleground/vite.config.cjs:33:36)
    at Module._compile (node:internal/modules/cjs/loader:1109:14)
    at Object.require.extensions.<computed> [as .cjs] (/home/huanglifen/桌面/lianXi/Vue/middleground/node_modules/vite/dist/node/chunks/dep-689425f3.js:62006:20)
    at Module.load (node:internal/modules/cjs/loader:989:32)
    at Function.Module._load (node:internal/modules/cjs/loader:829:14)

尝试如下方法都没有解决问题：

1. 删除.vite --> rm -rf ./node_modules/.vite（无效果）

2. 删除vite-plugin-svg-icons，重新下载最新版的vite-plugin-svg-icons（无效果）

3.删除node_modules，重新npm install（无效果）

最后通过这个方法解决了问题

后面才发现我的vite.config.cjs是cjs结尾，意思是CJS 是运行时加载（动态加载），模块输出的是值（模块对象），值会被缓存，它的加载、解析、执行都是同步的（require()为一个同步方法）

具体作用请查看官网。

 把vite.config.cjs改成js，把package.json中的type：module删除