[2023.03.04 기준] 프론트앤드 빌드 방법 정리
해당 강의 프론트앤드 빌드 방법 정리합니다.
강의 그대로 따라할 시에 제가 구성한 환경에서는 에러가 지속적으로 발생했습니다.
에러 정보: Error: error:0308010C:digital envelope routines::unsupported
환경 정보
OS: MacOS Ventura 13.3 베타
npm, npx version: 9.5.0
node version: v18.14.2
이에 따른 해결 방법 정리해봅니다. :)
강의에 있는 git 프로젝트를 clone 한다.
frontenddev 폴더 접근
package.json 파일을 아래와 같이 작성 (dependencies 에서 antd 는 4.24.0 버전, 그 외는 2023.03.04 기준으로 최신 버전입니다. )
frontenddev 폴더에서 sudo npx @next/codemod new-link . 을 실행한다.
components/layouts/AccountForm.tsx 파일에서 <Link href="/signup"> 을 <Link href="/signup" legacyBehavior> 으로 변경
Error: Invalid <Link> with <a> child. Please remove <a> or use <Link legacyBehavior>. 해결하기 위함입니다.
npm i 후 npm run dev 하면 실행 됨을 확인할 수 있습니다.
답변 0
프로젝트 환경 세팅할 때 최신 노드 버젼을 사용하시는 분들은 참고하셔도 좋을 것 같아요~
2
86
1
DTO에 대한 질문
1
90
2
백엔드 MVC에서 View의 역할은 무엇인가요?
1
97
2
추가 업데이트 관련 건
0
94
2
nest js 버전문제
0
81
2
mongdb 스키마 공식 문서와 형태가 다른 이유 궁금합니다.
0
104
1
라인 끝에 에러 표시(eslint) 때문에 구글 찾아 보니.
0
78
1
전체 고양이 조회 라우터 중 error.message 오류
0
72
1
캡슐화 추가 설명 중 단일책임원칙 관련 질문
0
106
0
TypeORM과 mysql을 사용하시는 분들
4
143
1
42강 고양이끼리 소통 댓글 구현 중 Schema hasn't been registered for model 'comments' 에러 해결
0
82
1
채팅 이슈
0
134
1
모듈이 더 이상 지원하지 않는답니다
0
207
1
오류가 있습니다
0
107
1
import 에서 오류가 납니다
0
129
1
이런 오류가 나옵니다
0
103
1
에러가 발생합니다
0
111
1
프론트 에러 뜨는데 수정 안해주시나요
0
160
1
emit() broadcast.emit() 질문있습니다
0
103
1
서버연결이 안됩니다.
1
404
1
[PM2][ERROR] Command not found
0
521
1
S3에 업로드까지는 성공했는데 사진이 나오지 않습니다.
0
249
1
error_code : Property 'user' does not exist on type 'Request<ParamsDictionary, any, any, ParsedQs, Record<string, any>>'.ts(2339)
0
603
1
jwt를 따로 연습하고 있는데 env를 못읽는 것 같습니다.
0
324
2