작성
·
980
1
SyntaxError: Cannot use import statement outside a module
이란 에러가 발생하는데 왜그런걸까요 stackoverflow찾다보니 nextjs 바벨설정이 src 하위를 보게되있어서 es6문법을 변환못해준다고 next.config.js 파일에 아래 transpilePackages 설정을 저렇게 넣어주면 해당 오류가 사라지긴하는대 매번 이렇게 해야되는건지... 근본적인 해결하려면 어떻게 해야할까요
const nextConfig = { reactStrictMode: true, transpilePackages: [ 'antd', '@ant-design', 'rc-util', 'kitchen-flow-editor', '@ant-design/pro-editor', 'zustand', 'leva', 'rc-pagination', 'rc-picker', 'rc-notification', 'rc-tooltip' ], }
답변 1
0
antd import한 코드를 어떻게 쓰셨나요? antd에는 esm과 commonjs 둘 다 있어서 상황에 따라 알맞은 모듈을 import하면 되긴 합니다.
https://github.com/vercel/next.js/pull/58992
이게 해결되기 전까지는 transpilePackages 쓰셔야 할 것 같네요.
import {Menu, Row, Col } from 'antd' 이렇게 했습니다.