Javascript history.pushState 오류 – Failed to execute ‘pushState’ on ‘History’

스크린샷 2015-08-02 오후 8.13.53

Uncaught DOMException: Failed to execute ‘pushState’ on ‘History’: A history state object with URL ‘file://localhost/Users/jayjin/Documents/Programming/2015-02-HTML5/active’ cannot be created in a document with origin ‘null’.

투두리스트 웹앱을 만들며 탭간 이동에 history를 주려고 탭을 클릭했을 때

<br />history.pushState({"method":"active"}, null, "active");

이 코드를 실행하게 해두었더니, 글 제일 위의 저런 에러가 뜨는것이었다.

역시나 스택오버플로우 님께서 도와주셨는데,

local에서 돌릴 때 경로 인식이 꼬여서 그런것이었다.

<br />history.pushState({"method":"active"}, null, "#/active");

이와같이 #/active 로 고쳐주니 정상동작!

Refer

http://stackoverflow.com/questions/20079704/javascript-history-pushstate-not-working

Published by

Yurim Jin

아름다운 웹과 디자인, 장고와 리액트, 그리고 음악과 맥주를 사랑하는 망고장스터

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s