Vue.js : SyntaxError: Cannot use import statement outside a module

2022. 10. 18. 17:04Front/Vue.js

반응형

간만에 앞단을 해보는데 오류가 발생!

오류내용

/usr/local/bin/npm run serve

> kong-ui@0.0.0 serve /Users/terrypark/Project/kong-ui
> vite preview

/Users/terrypark/Project/kong-ui/node_modules/vite/bin/vite.js:2
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! kong-ui@0.0.0 serve: `vite preview`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the kong-ui@0.0.0 serve script.


vue.js를 사용하기 위해서 node.js와 vite라는것이 필요한데 위의 오류상에서 vite 요녀석이 제대로 동작을 못하고 있었다.
그 이유는..node.js 버전을 너무 낮은것을 사용하고 있었다..
vite의 요구되는 node.js버전은 아래와 같습니다. 

그래서 https://nodejs.org/ko/ 에 가서 LTS버전과 최신버전 중! 고민없이 최신버전으로 업데이트를 해주었습니다.

 

결과 :  vite build이후 serve를 해주니 잘 동작하네요!

반응형