yho79555

안녕하세요 저도 해당 문제 겪어서 해결했습니다. 공유해드립니다 node: 18버전next: 14.2.5버전<pre><code class="language-json"> "dependencies": {
...
 "next": "14.2.5",
 "react": "^18.3.1",
 "react-dom": "^18"
 },
 "devDependencies": {
 "@types/node": "^20",
 "@types/react": "^18.3.1",
 "@types/react-dom": "^18",
 "msw": "^2.4.3",
...
 },</code></pre>원래 msw 2.7.0버전에서 2.4.3버전으로 버전을 낮추고, next.config.mjs에서 밑에 링크에 들어가서 복사붙여넣기해서 해결했습니다.<pre><code class="language-typescriptreact">// src/app/layout.tsx

import type { Metadata } from 'next';
import './globals.css';
import appleSdGothic from '@/components/AppleSdGothic';
import MSWComponent from '@/components/MSWComponent';
import ReactQueryProviders from '@/hooks/useReactQuery';


export default function RootLayout({
 children,
}: Readonly<{
 children: React.ReactNode;
}>) {
 return (
 <html lang="ko">
 <body className={`${appleSdGothic.className}`} suppressHydrationWarning={true}>
 <ReactQueryProviders>
 <MSWComponent>{children}</MSWComponent>
 </ReactQueryProviders>
 </body>
 </html>
 );
}
</code></pre>&nbsp;&nbsp;참고<a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/mswjs/msw/issues/2291">https://github.com/mswjs/msw/issues/2291</a>

[ERROR] MSW Server-Side 적용 실패 에러 / (Module not found Error '_http_common')

svg를 public 말고 src>assets안에 넣는다면 import를 어떻게해야하나요?

이 부분은 저도 궁금했던 것인데 한 질문씩 답변 달아주셔서 가독성이 높아 읽기가 수월했습니다 감사합니다.