vue3 프로젝트 생성 (node, vue cli, 에러 해결)

1. node.js 설치

1-1. 다운로드

https://nodejs.org/en

 

1-2. 설치 후 확인

node -v

npm -v

 

2. Vue cli 설치

2-1. 설치

npm install -g @vue/cli

 

2-2. 설치 확인

vue --version

 

*Error: EPERM: operation not permitted, rmdir

에러 발생 시 관리자 권한으로 cmd/bash/powershell 실행

 

캐시 지우기

npm cache clean --force

-> 이후 다시 vue/cli 설치 시도.

 

* 기타 참고 명령어

• Npm 최신 버전 설치

npm install -g npm@latest --force

 

• 폴더 생성된 것 확인

npm list -g --depth=0

 

• 전역 설치된 패키지 제거

npm uninstall -g @vue/cli

 

• 글로벌 설치 경로 확인

npm config get prefix

C:\Program Files\Git\usr\local을 반환한다면, 이는 npm이 Git Bash의 경로를 글로벌 설치 경로로 잘못 설정하고 있다는 의미

 

• Npm 글로벌 설치 경로 수정

npm config set prefix "%USERPROFILE%\AppData\Roaming\npm"

C:\Users\<사용자 이름>

 

3. Vue project 생성

cd frontend

vue create

org.springframework.beans.factory.BeanDefinitionStoreException: Invalid bean definition with name 'postMapper' defined in file [C:\Users\새롬\Documents\projects\vuebbs\target\classes\com\bbs\vuebbs\mapper\PostMapper.class]: Invalid value type for attribute 'factoryBeanObjectType': java.lang.String

 

버전 변경하니까 해결됨. (기존 3.0.1)

        <dependency>

            <groupId>org.mybatis.spring.boot</groupId>

            <artifactId>mybatis-spring-boot-starter</artifactId>

            <version>3.0.3</version>

        </dependency>