Trouble Shooting - Chrome Extension : Uncaught EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval'...

main.js:458 Uncaught EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self'".

이 글을 보는 사람은 어떨지 모르겠지만 나는 웹팩을 이용해서 번들링하고 있다.

위 에러는 webpack.config.js에서 mode를 development로 하면 생기는 에러다.
mode를 production으로 변경하면 해결된다.

---

원인

원인은 Chorme의 CSP 정책 때문이다.

자세하게는 development 모드로 번들링할 경우, eval()함수가 들어간다.

이 함수의 보안적 위험성때문에 차단되었다고 생각하면 된다.

자세한건 구글링 ㄱㄱ