module
-
로컬에서 CORS policy 관련 에러가 발생하는 이유Knowledge/Web 2023. 7. 4. 14:33
🚀 발단 위와 같은 html 파일을 로컬환경에서 크롬 브라우져로 실행시켰더니 Access to script at 'file:///C:/경로/js/module.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. 이와 같은 에러 메세지가 발생하였습니다. 🛫 해결방안 비슷한 에러를 몇 번 겪어 봤기에 해결은 금방 했습니다. visual studio code 기준으로 설명해 보자면 방법은 아래와 같습니다. 먼저 터미널을 엽니다. http-server가 없다면 npm inst..
-
Cannot use import statement outside a module 에러 해결Knowledge/javascript 2022. 1. 6. 15:48
발생한 문제 기존에 index.js에 쭉 작성했던, 잘 동작하던 코드를 다른 js파일로 옮겨서 module로 import 해 사용하도록 했습니다. 글로 쓰니까 뭔가 장황한데 그냥 이 지경이었던 index.js 파일을 이렇게 정리했다는 얘기입니다. 그런데 그 후 start를 했더니 Cannot use import statement outside a module 위와 같은 에러메시지와 함께 에러가 발생했습니다. 해결 검색해보니 해결 방법은 간단했습니다. package.json 파일에 위와 같이 "type": "module" 부분을 추가하고 실행하니 이전과 같이 잘 실행되었습니다. 원인 결론부터 말하자면 require를 사용하는 commonjs 방식에서 import를 사용하려 했기 때문에 발생한 에러였습니다...