Nuxt 템플릿 실행하기

https://toss.tech/article/commonjs-esm-exports-field

CommonJS와 ESM에 모두 대응하는 라이브러리 개발하기: exports field

• CJS는 require / module.exports 를 사용하고, ESM은 import / export 문을 사용합니다.
• CJS module loader는 동기적으로 작동하고, ESM module loader는 비동기적으로 작동합니다.
  • ESM은 Top-level Await을 지원하기 때문에 비동기적으로 동작합니다.
• 따라서 ESM에서 CJS를 import 할 수는 있지만, CJS에서 ESM을 require 할 수는 없습니다. 왜냐하면 CJS는 Top-level Await을 지원하지 않기 때문입니다.
• 이 외에도 두 Module System은 기본적으로 동작이 다릅니다.
• 따라서 두 Module System은 서로 호환되기 어렵습니다.

yarn dev

출처

https://nuxtjs.org/docs/get-started/commands/

Commands and Deployment

Can't resolve 'sass-loader' 발생할 때,

npm i -g sass-loader node-sass

npm install --save sass-loader@10

를 실행한다.

 

https://wotres.tistory.com/entry/vue-error-%ED%95%B4%EA%B2%B0%EB%B2%95-Failed-to-resolve-loader-sass-loader

vue error 해결법 : Failed to resolve loader: sass-loader

 

import { createRequire } from "module"
const require = createRequire(import.meta.url)