[Vue.js] URIError: Failed to decode param '/%3C...' 에러 [해결/Solved]

기존에 Vue로 만들어진 프로젝트를 React로 변환하는 작업을 하는 중에 잘 실행을 시켰지만 프로젝트가 빈 화면을 띄우며 터미널에서는 에러를 뱉어냈다.

// In the Terminal

No issues found.
URIError: Failed to decode param '/%3C%=%20BASE_URL%20%%3Efavicon.ico'
    at decodeURIComponent (<anonymous>)
.
.
.

http://localhost:8080 포트에 올려 작업을 했는데, 이상하게 실행이 되지 않는다..!

 

구글링을 통해 에러를 검색해보니 vue.config.js파일 내에 BaseUrl 또는 PathUrl 옵션에 에 무슨 문자열이 셋팅 되어있을 것이기 때문이라는 코멘트를 찾을 수 있었다.

vue.config.js를 열어보니 PathUrl에 '/dev' 라는 문자열이 지정되어 있다.

module.exports = {
runtimeCompiler: true,
productionSourceMap: false,
publicPath: '/dev', /* 여기! */
// ... rest of your code
}

[해결]

vue.config.js 내의 PathUrl 경로에 특정 문자열(ex: '/dev')이 있다면

localhost:8080 대신 localhost:8080/dev 경로로 접속해보자.

 

이렇게 에러 해결! 👍

https://github.com/vuejs/vue-cli/issues/2357

> 참고 Url