Browser hanging at "Loading app details" while developing react app


#1

I am developing a react app with blockstack and fail to get past the signin.

I also tried the react boilerplate code here:

The sign in process hangs with the message of “Loading app details” in the blockstack browser. The manifest is fetched what I see in the dev tools but the icon is not fetched.

What went wrong? How to debug this issue?


#2

This seems to be an issue with CORS headers when running from localhost.

As I am using create-react-app there is no easy solution to add these headers to the webpack-dev-server. The best resource I could find is: https://github.com/raymondsze/create-react-scripts


#3

hey @friedger, you can eject your create-react-app configuration and add these headers to your webpack dev server. https://github.com/yknl/publik/blob/master/webpack.config.js#L46

You can also use the blockstack app generator and yeoman to generate react boilerplate without using create-react-app https://github.com/blockstack/blockstack-app-generator