라이브러리, 프레임워크 사용 중 생긴 uncaught syntaxerror: unexpected token '<'

uncaught syntaxerror: unexpected token '<'

상황

1. vue 사용 중,
2. public 폴더에 있는 index.html에 
3. <script src="../src/불러올파일.js"></script> 형식으로 script를 불러오려고 하는데 오류가 생김.
4. 모든 방법을 동원해봐도 해결이 되지 않았음.

 

문제파악 및 해결

1. uncaught syntaxerror는 보통 문법 오류거나 경로 오류로 나타날 때가 많음.
2. 아무리봐도 틀린 것이 없었기에 경로 오류로 보는 것이 타당했음.
3. 대부분의 라이브러리나 프레임워크는 빌드할 때 파일들의 경로가 무작위로 바뀜.
4. 이 때, public 폴더 내 파일은 경로가 그대로임.
5. 이를 이용해 문제를 해결할 수 있음.