System Information
- Strapi Version:
- Operating System:
- Database:
- Node Version:
- NPM Version:
- Yarn Version:
Hi Team Strapi – I am following the Strapi Quick Start Guide
- Step 1: Run the installation script:
npx create-strapi-starter my-project gatsby-blog - Results:
- The Strapi backend site is running just fine…
- Looks really cool – can’t wait to start exploring!
- The Gatsby-based blog front-end site is… KINDA working…
- Text is showing, links can be followed, even embedded videos are running… BUT…
- Images are not showing.
- The Strapi backend site is running just fine…
- Is there some issue in the demo code base?
- FWIW, I’ve seen this before on other frameworks (e.g. Ionic) – the front-line demos “fall behind”
- I’ve pasted my session log (I’m running on Linux Mint 19.x) below…
=========== SESSION LOG =============
Session Log:
$ npx create-strapi-starter my-project gatsby-blog
npx: installed 156 in 13.067s
? Choose your installation type Quickstart (recommended)
Creating a quickstart project.
Creating a new Strapi application at /home/dpc/dpc.data/local.FS/lfs.03-Projects.Active/project.MindCurrent/dev/deploy.onto.mc-ecosystem-dev-v04/strapi-qstart_gatsby-blog_dpc-v01a/my-project/backend.
Creating files.
Installing strapi/strapi-template-blog template.
Dependencies installed successfully.
Your application was created at /home/dpc/dpc.data/local.FS/lfs.03-Projects.Active/project.MindCurrent/dev/deploy.onto.mc-ecosystem-dev-v04/strapi-qstart_gatsby-blog_dpc-v01a/my-project/backend.
Available commands in your project:
npm run develop
Start Strapi in watch mode.
npm run start
Start Strapi without watch mode.
npm run build
Build Strapi admin panel.
npm run strapi
Display all available commands.
You can start by doing:
cd /home/dpc/dpc.data/local.FS/lfs.03-Projects.Active/project.MindCurrent/dev/deploy.onto.mc-ecosystem-dev-v04/strapi-qstart_gatsby-blog_dpc-v01a/my-project/backend
npm run develop
Creating Strapi starter frontend at /home/dpc/dpc.data/local.FS/lfs.03-Projects.Active/project.MindCurrent/dev/deploy.onto.mc-ecosystem-dev-v04/strapi-qstart_gatsby-blog_dpc-v01a/my-project/frontend.
Installing strapi/strapi-starter-gatsby-blog starter
Dependencies installed successfully.
Dependencies installed successfully.
Starting the app
> my-project@0.0.0 develop /home/dpc/dpc.data/local.FS/lfs.03-Projects.Active/project.MindCurrent/dev/deploy.onto.mc-ecosystem-dev-v04/strapi-qstart_gatsby-blog_dpc-v01a/my-project
> cross-env FORCE_COLOR=1 npm-run-all -l -p develop:*
[develop:backend ]
[develop:backend ] > my-project@0.0.0 develop:backend /home/dpc/dpc.data/local.FS/lfs.03-Projects.Active/project.MindCurrent/dev/deploy.onto.mc-ecosystem-dev-v04/strapi-qstart_gatsby-blog_dpc-v01a/my-project
[develop:backend ] > npm run --prefix backend develop
[develop:backend ]
[develop:frontend]
[develop:frontend] > my-project@0.0.0 develop:frontend /home/dpc/dpc.data/local.FS/lfs.03-Projects.Active/project.MindCurrent/dev/deploy.onto.mc-ecosystem-dev-v04/strapi-qstart_gatsby-blog_dpc-v01a/my-project
[develop:frontend] > wait-on http://localhost:1337/admin && npm run --prefix frontend develop
[develop:frontend]
[develop:backend ]
[develop:backend ] > backend@0.1.0 develop /home/dpc/dpc.data/local.FS/lfs.03-Projects.Active/project.MindCurrent/dev/deploy.onto.mc-ecosystem-dev-v04/strapi-qstart_gatsby-blog_dpc-v01a/my-project/backend
[develop:backend ] > strapi develop
[develop:backend ]
[develop:backend ] Building your admin UI with development configuration ...
[develop:backend ] ℹ Compiling Webpack
[develop:backend ] ✔ Webpack: Compiled successfully in 44.27s
[develop:backend ] [2021-08-01T20:49:14.544Z] info File created: /home/dpc/dpc.data/local.FS/lfs.03-Projects.Active/project.MindCurrent/dev/deploy.onto.mc-ecosystem-dev-v04/strapi-qstart_gatsby-blog_dpc-v01a/my-project/backend/extensions/users-permissions/config/jwt.js
[develop:backend ] Setting up the template...
[develop:backend ] Ready to go
[develop:backend ] [2021-08-01T20:49:21.440Z] debug HEAD /admin (12 ms) 200
[develop:backend ]
[develop:backend ] Project information
[develop:backend ]
[develop:backend ] ┌────────────────────┬──────────────────────────────────────────────────┐
[develop:backend ] │ Time │ Sun Aug 01 2021 13:49:21 GMT-0700 (Pacific Dayl… │
[develop:backend ] │ Launched in │ 18949 ms │
[develop:backend ] │ Environment │ development │
[develop:backend ] │ Process PID │ 2764 │
[develop:backend ] │ Version │ 3.6.5 (node v12.14.1) │
[develop:backend ] │ Edition │ Community │
[develop:backend ] └────────────────────┴──────────────────────────────────────────────────┘
[develop:backend ]
[develop:backend ] Actions available
[develop:backend ]
[develop:backend ] One more thing...
[develop:backend ] Create your first administrator 💻 by going to the administration panel at:
[develop:backend ]
[develop:backend ] ┌─────────────────────────────┐
[develop:backend ] │ http://localhost:1337/admin │
[develop:backend ] └─────────────────────────────┘
[develop:backend ]
[develop:backend ] [2021-08-01T20:49:21.533Z] debug HEAD /admin (1 ms) 200
[develop:backend ] [2021-08-01T20:49:21.535Z] info ⏳ Opening the admin panel...
[develop:frontend]
[develop:frontend] > gatsby-starter-default@0.1.0 develop /home/dpc/dpc.data/local.FS/lfs.03-Projects.Active/project.MindCurrent/dev/deploy.onto.mc-ecosystem-dev-v04/strapi-qstart_gatsby-blog_dpc-v01a/my-project/frontend
[develop:frontend] > gatsby develop --open
[develop:frontend]
[develop:backend ] [2021-08-01T20:49:22.217Z] debug GET /admin (3 ms) 200
[develop:backend ] [2021-08-01T20:49:22.343Z] debug GET /admin/runtime~main.b191036d.js (15 ms) 200
[develop:backend ] [2021-08-01T20:49:22.351Z] debug GET /admin/main.1a3e4228.chunk.js (10 ms) 200
[develop:frontend] ╔════════════════════════════════════════════════════════════════════════╗
[develop:frontend] ║ ║
[develop:frontend] ║ Gatsby collects anonymous usage analytics ║
[develop:frontend] ║ to help improve Gatsby for all users. ║
[develop:frontend] ║ ║
[develop:frontend] ║ If you'd like to opt-out, you can use `gatsby telemetry --disable` ║
[develop:frontend] ║ To learn more, checkout https://gatsby.dev/telemetry ║
[develop:frontend] ║ ║
[develop:frontend] ╚════════════════════════════════════════════════════════════════════════╝
[develop:backend ] [2021-08-01T20:49:23.367Z] debug GET /favicon.ico (1 ms) 200
[develop:backend ] [2021-08-01T20:49:25.109Z] debug GET /admin/init (11 ms) 200
[develop:backend ] [2021-08-01T20:49:25.785Z] debug GET /admin/07109cdae9f760e8d97c89788c9dc9df.png (3 ms) 200
[develop:backend ] [2021-08-01T20:49:25.890Z] debug GET /admin/842e7845f3f8e943ff712a39617b6b70.svg (2 ms) 200
[develop:backend ] [2021-08-01T20:49:25.895Z] debug GET /admin/75614cfcfedd509b1f7ac1c26c53bb7f.woff2 (1 ms) 200
[develop:backend ] [2021-08-01T20:49:25.898Z] debug GET /admin/a6069540692725c247f13984a9598a92.woff2 (2 ms) 200
[develop:backend ] [2021-08-01T20:49:25.904Z] debug GET /admin/21b3848a32fce5b0f5014948186f6964.woff2 (1 ms) 200
[develop:frontend] info We're shipping new features! For final testing, we're rolling them out
[develop:frontend] first to a small % of Gatsby users
[develop:frontend] and your site was automatically chosen as one of them. With your help, we'll
[develop:frontend] then release them to everyone in the next minor release.
[develop:frontend]
[develop:frontend] We greatly appreciate your help testing the change. Please report any feedback
[develop:frontend] good or bad in the umbrella issue. If you do encounter problems, please disable
[develop:frontend] the flag by setting it to false in your gatsby-config.js like:
[develop:frontend]
[develop:frontend] flags: {
[develop:frontend] THE_FLAG: false
[develop:frontend] }
[develop:frontend]
[develop:frontend] The following flags were automatically enabled on your site:
[develop:frontend] - DEV_SSR · (Umbrella Issue (https://gatsby.dev/dev-ssr-feedback)) · Server Side
[develop:frontend] Render (SSR) pages on full reloads during develop. Helps you detect SSR bugs
[develop:frontend] and fix them without needing to do full builds. See umbrella issue for how to
[develop:frontend] update custom webpack config.
[develop:frontend]
[develop:frontend] There are 4 other flags available that you might be interested in:
[develop:frontend] - FAST_DEV · Enable all experiments aimed at improving develop server start
[develop:frontend] time.
[develop:frontend] - DEV_WEBPACK_CACHE · (Umbrella Issue
[develop:frontend] (https://gatsby.dev/cache-clearing-feedback)) · Enable webpack's persistent
[develop:frontend] caching during development. Speeds up the start of the development server.
[develop:frontend] - PRESERVE_FILE_DOWNLOAD_CACHE · (Umbrella Issue
[develop:frontend] (https://gatsby.dev/cache-clearing-feedback)) · Don't delete the downloaded
[develop:frontend] files cache when changing gatsby-node.js & gatsby-config.js files.
[develop:frontend] - PARALLEL_SOURCING · EXPERIMENTAL · (Umbrella Issue
[develop:frontend] (https://gatsby.dev/parallel-sourcing-feedback)) · Run all source plugins at the
[develop:frontend] same time instead of serially. For sites with multiple source plugins, this can
[develop:frontend] speedup sourcing and transforming considerably.
[develop:frontend]
success open and validate gatsby-configs, load plugins - 1.687s
success onPreInit - 0.069s
success initialize cache - 0.067s
success copy gatsby files - 0.139s
success Compiling Gatsby Functions - 0.577s
success onPreBootstrap - 0.611s
success createSchemaCustomization - 0.006s
info Starting to fetch data from Strapi - http://localhost:1337/articles with
[develop:frontend] params {"_limit":1000}
info Starting to fetch data from Strapi - http://localhost:1337/categories with
[develop:frontend] params {"_limit":1000}
info Starting to fetch data from Strapi - http://localhost:1337/writers with
[develop:frontend] params {"_limit":1000}
info Starting to fetch data from Strapi - http://localhost:1337/homepage with
[develop:frontend] params {"_limit":1000}
info Starting to fetch data from Strapi - http://localhost:1337/global with
[develop:frontend] params {"_limit":1000}
[develop:frontend]
[develop:backend ] [2021-08-01T20:49:31.654Z] debug GET /articles?_limit=1000 (133 ms) 200
[develop:frontend] ERROR
[develop:frontend]
[develop:frontend] (node:3188) [DEP0066] DeprecationWarning: OutgoingMessage.prototype._headers is
[develop:frontend] deprecated
[develop:frontend]
[develop:frontend]
[develop:backend ] [2021-08-01T20:49:31.712Z] debug GET /writers?_limit=1000 (176 ms) 200
[develop:backend ] [2021-08-01T20:49:31.740Z] debug GET /homepage?_limit=1000 (200 ms) 200
[develop:backend ] [2021-08-01T20:49:31.742Z] debug GET /uploads/daviddoe_strapi_io_bee31116e9.jpg (19 ms) 200
[develop:backend ] [2021-08-01T20:49:31.743Z] debug GET /uploads/sarahbaker_strapi_io_d5ceea3ed5.jpg (14 ms) 200
[develop:backend ] [2021-08-01T20:49:31.746Z] debug GET /global?_limit=1000 (201 ms) 200
[develop:backend ] [2021-08-01T20:49:31.771Z] debug GET /uploads/a_bug_is_becoming_a_meme_on_the_internet_086cf14da4.jpg (12 ms) 200
[develop:backend ] [2021-08-01T20:49:31.772Z] debug GET /uploads/what_s_inside_a_black_hole_76b1976f3e.jpg (12 ms) 200
[develop:backend ] [2021-08-01T20:49:31.773Z] debug GET /uploads/this_shrimp_is_awesome_55420d2af3.jpg (12 ms) 200
[develop:backend ] [2021-08-01T20:49:31.774Z] debug GET /uploads/we_love_pizza_1cd45d534e.jpg (14 ms) 200
[develop:backend ] [2021-08-01T20:49:31.775Z] debug GET /uploads/the_internet_s_own_boy_ec31c55da6.jpg (11 ms) 200
[develop:backend ] [2021-08-01T20:49:31.802Z] debug GET /uploads/default_image_5ae9026741.png (13 ms) 200
[develop:backend ] [2021-08-01T20:49:31.840Z] debug GET /uploads/default_image_2d7b9bd9b2.png (3 ms) 200
[develop:backend ] [2021-08-01T20:49:31.924Z] debug GET /uploads/beautiful_picture_1ec6942fbe.jpg (6 ms) 200
success Fetched Strapi Data - 0.618s
success Checking for changed pages - 0.001s
success source and transform nodes - 0.726s
success building schema - 1.486s
success createPages - 0.002s
success createPagesStatefully - 0.251s
info Total nodes: 91, SitePage nodes: 15 (use --verbose for breakdown)
success Checking for changed pages - 0.001s
success update schema - 0.199s
success write out redirect data - 0.005s
success Build manifest and related icons - 0.139s
success onPostBootstrap - 0.143s
info bootstrap finished - 9.820s
success onPreExtractQueries - 0.001s
success extract queries from components - 2.269s
success write out requires - 0.008s
success run static queries - 2.697s - 4/4 1.48/s
success run page queries - 0.013s - 3/3 234.80/s
[develop:frontend] ERROR #98123 WEBPACK
[develop:frontend]
[develop:frontend] Generating development JavaScript bundle failed
[develop:frontend]
[develop:frontend] ESLint is not a constructor
[develop:frontend]
failed Building development bundle - 14.832s
ERROR in ESLint is not a constructor
[develop:frontend]
[develop:frontend] webpack compiled with 1 error
success Writing page-data.json files to public directory - 0.264s - 3/15 56.79/s
[develop:frontend]