Strapi on Stackblitz

Questions and Answers
1

Hi! Anyone ever managed to run strapi within the stackblitz webcontainer?

I tried different approaches:

  1. starting with their node template container with the npx-starter script and
  2. forking a github repository with a working strapi configuration commited.

This is the error I get:

❯ npm run develop
$ strapi develop
jsh: line 1: unsupported shell syntax
Building your admin UI with development configuration ...
Admin UI built successfully
jsh: line 1: unsupported shell syntax
[2022-03-05 17:13:58.574] debug: ⛔️ Server wasn't able to start properly.
[2022-03-05 17:13:58.576] error: Could not load js config file /home/projects/node-g5x1px/strapi-starter/node_modules/@strapi/plugin-upload/strapi-server.js: p.getReport is not a function
Error: Could not load js config file /home/projects/node-g5x1px/strapi-starter/node_modules/@strapi/plugin-upload/strapi-server.js: p.getReport is not a function
    at loadJsFile (/home/projects/node-g5x1px/strapi-starter/node_modules/@strapi/strapi/lib/core/app-configuration/load-config-file.js:18:11)
    at loadFile (/home/projects/node-g5x1px/strapi-starter/node_modules/@strapi/strapi/lib/core/app-configuration/load-config-file.js:35:14)
    at Object.loadPlugins (/home/projects/node-g5x1px/strapi-starter/node_modules/@strapi/strapi/lib/core/loaders/plugins/index.js:96:26)
    at async Strapi.loadPlugins (/home/projects/node-g5x1px/strapi-starter/node_modules/@strapi/strapi/lib/Strapi.js:277:5)
    at async Promise.all (index 1)
    at async Strapi.register (/home/projects/node-g5x1px/strapi-starter/node_modules/@strapi/strapi/lib/Strapi.js:309:5)
    at async Strapi.load (/home/projects/node-g5x1px/strapi-starter/node_modules/@strapi/strapi/lib/Strapi.js:407:5)
    at async Strapi.start (/home/projects/node-g5x1px/strapi-starter/node_modules/@strapi/strapi/lib/Strapi.js:161:9)

any ideas? I would love to use strapi this way for in-class demo - I’m a teacher in high school level education. Thx in advance

2

I have the same problem, maybe it’s the problem between jsh and strapi.
You can use https://replit.com/ instead of it. It works on replit. just touch a replit.nix config. like https://replit.com/@ConnorBrewster/Nodejs-16#.replit. you also can read the config of strapi-study-cases

3

Thanks @GavinXue for pushing a Replit example!
In fact, StackBlitz is using jsh and Strapi doesn’t support it.

I’m in touch with the StackBlitz team to see what can be done :slight_smile: