I am following https://www.gatsbyjs.org/tutorial/part-one/ and on #4, there is the following code
import React from "react"
export default () => (
<div style={{ color: `purple` }}>
<h1>Hello Gatsby!</h1>
<p>What a world.</p>
<img src="https://source.unsplash.com/random/400x200" alt="" />
</div>
)
Useful Links:
gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world
gatsby develop
Replace the code in src/pages/index.js with following
import React from "react"
export default () => (
<div style={{ color: `purple` }}>
<h1>Hello Gatsby!</h1>
<p>What a world.</p>
<img src="https://source.unsplash.com/random/400x200" alt="" />
</div>
)
The image should show up
The image doesn't show up
You get the following error
source.unsplash.com/random/400x200:1 GET https://source.unsplash.com/random/400x200 net::ERR_BLOCKED_BY_CLIENT
While, the URL works well independently, it does not work with Gatsby project

System:
OS: macOS 10.14.6
CPU: (8) x64 Intel(R) Core(TM) i7-4870HQ CPU @ 2.50GHz
Shell: 5.3 - /bin/zsh
Binaries:
Node: 11.14.0 - ~/.nvm/versions/node/v11.14.0/bin/node
Yarn: 1.17.3 - /usr/local/bin/yarn
npm: 6.10.3 - ~/.nvm/versions/node/v11.14.0/bin/npm
Languages:
Python: 2.7.10 - /usr/bin/python
Browsers:
Chrome: 76.0.3809.100
Safari: 12.1.2
npmGlobalPackages:
gatsby-cli: 2.7.30
Run gatsby info --clipboard in your project directory and paste the output here.
Most of the time as far as I know the error ERR_BLOCKED_BY_CLIENT means that something local (like an extension) is blocking something. have you tried this with no extensions activated?
@SimonMayerhofer, that was a fast reply 馃挴
you're right, when I ran it in incognito window on Chrome, things seemed fine. Thanks for educating me!

Closing this issue!
Most helpful comment
@SimonMayerhofer, that was a fast reply 馃挴

you're right, when I ran it in
incognitowindow on Chrome, things seemed fine. Thanks for educating me!Closing this issue!