Vue项目报错import { performance } from ‘node:perf_hooks‘ ^^^^^^ SyntaxError: Cannot use import statemen

问题

Vue项目报错：

import { performance } from ‘node:perf_hooks’
^^^^^^
SyntaxError: Cannot use import statement outside a module
at Module._compile (internal/modules/cjs/loader.js:892:18)
at Object.Module._extensions…js (internal/modules/cjs/loader.js:973:10)
at Module.load (internal/modules/cjs/loader.js:812:32)
at Function.Module._load (internal/modules/cjs/loader.js:724:14)
at Function.Module.runMain (internal/modules/cjs/loader.js:1025:10)
at internal/main/run_main_module.js:17:11
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! cees-client-ui@0.0.0 dev: vite
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the cees-client-ui@0.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

原因

这个问题一般出现在Vue3项目中，是因为Vue3要求node版本要大于16，我们的的node版本太低了导致出现这个问题，解决方法就是换一个16版本以上的node。

操作

升级node版本的操作可以看这位大佬的文章：https://blog.csdn.net/qq_45677671/article/details/127675036

结果

把node版本换成16以后，项目就可以正常运行了，如图：