stackblitz / core

Online IDE powered by Visual Studio Code ⚡️
https://stackblitz.com
MIT License
10.22k stars 885 forks source link

CORS error when installing latest version of react-lifecycle-visualizer package #2106

Closed Oblosys closed 1 year ago

Oblosys commented 1 year ago

Version 3.1.0 of my react-lifecycle-visualizer package fails to install in a StackBlitz sandbox (tested on all major macOS browsers). The demo at https://stackblitz.com/github/Oblosys/react-lifecycle-visualizer/tree/update-demo-deps/examples/parent-child-demo hangs on 'Starting dev server' and shows a CORS error in the console after ~30 seconds.

In the past it sometimes took a few days before StackBlitz could find the new version, but it's been over a week now and the demo still hangs. There have not been any substantial changes to the package, and it seems to run fine in other sandbox sites.

For a minimal reproduction of the problem, https://stackblitz.com/edit/react-ts-pyaqmw is a fresh React TypeScript project with the latest React dependencies and the working react-lifecycle-visualizer@3.0.1 dependency. It will hang when the update-dependencies button is pressed.

Console output:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://t.staticblitz.com/v2021.11.09/b?p=micromatch@4.0.5,mime-db@1.52.0,mime-types@2.1.35,mime@1.6.0,mime@2.6.0,mimic-fn@2.1.0,minimatch@3.1.2,minimist@1.2.6,mixin-deep@1.3.2,mkdirp@0.5.6,ms@2.0.0,ms@2.1.2,ms@2.1.3,nanomatch@1.2.13,negotiator@0.6.3,neo-async@2.6.2,nice-try@1.0.5,nocache@3.0.4,node-dir@0.1.17,node-fetch@2.6.7,node-gyp-build@4.5.0,node-int64@0.4.0,node-releases@2.0.6,node-stream-zip@1.15.0,normalize-path@3.0.0,npm-run-path@2.0.2,nullthrows@1.1.1,ob1@0.72.3,object-copy@0.1.0,object-keys@1.1.1,object-visit@1.0.1,object.assign@4.1.4,object.pick@1.3.0,on-finished@2.3.0,on-finished@2.4.1,on-headers@1.0.2,once@1.4.0,onetime@5.1.2,open@6.4.0,ora@5.4.1,os-tmpdir@1.0.2,p-finally@1.0.0,p-limit@2.3.0,p-limit@3.1.0,p-locate@3.0.0,p-locate@4.1.0,p-locate@5.0.0,p-try@2.2.0,parse-json@4.0.0,parseurl@1.3.3,pascalcase@0.1.1,path-exists@3.0.0,path-exists@4.0.0,path-is-absolute@1.0.1,path-key@2.0.1,path-parse@1.0.7,picocolors@1.0.0,picomatch@2.3.1,pify@4.0.1,pirates@4.0.5,pkg-dir@3.0.0,posix-character-classes@0.1.1,pretty-format@26.6.2,process-nextick-args@2.0.1,promise@8.2.0,prompts@2.4.2,pump@3.0.0,range-parser@1.2.1,react-devtools-core@4.24.0,react-is@18.2.0,react-native-codegen@0.70.5,react-native-gradle-plugin@0.70.3,react-native@0.70.2,react-redux@8.0.4,react-refresh@0.4.3,react-shallow-renderer@16.15.0,react@18.1.0,readable-stream@2.3.7,readable-stream@3.6.0,readline@1.3.0,recast@0.20.5,regenerate-unicode-properties@10.1.0,regenerate@1.4.2,regenerator-transform@0.15.0,regex-not@1.0.2,regexpu-core@5.2.1,regjsgen@0.7.1,regjsparser@0.9.1,repeat-element@1.1.4,repeat-string@1.6.1,require-directory@2.1.1,require-main-filename@2.0.0,resolve-from@3.0.0,resolve-url@0.2.1,resolve@1.22.1,restore-cursor@3.1.0,ret@0.1.15,rimraf@2.2.8,rimraf@2.6.3,rimraf@2.7.1,safe-buffer@5.1.2,safe-buffer@5.2.1,safe-regex@1.1.0,safer-buffer@2.1.2,scheduler@0.22.0,semver@5.7.1,semver@6.3.0,send@0.18.0,serialize-error@2.1.0,serve-static@1.15.0,set-blocking@2.0.0,set-value@2.0.1,setprototypeof@1.2.0,shallow-clone@3.0.1,shebang-command@1.2.0,shebang-regex@1.0.0,shell-quote@1.7.3,signal-exit@3.0.7,sisteransi@1.0.5,slash@3.0.0,slice-ansi@2.1.0,snapdragon-node@2.1.1,snapdragon-util@3.0.1,snapdragon@0.8.2,source-map-resolve@0.5.3,source-map-support@0.5.21,source-map-url@0.4.1,source-map@0.5.7,source-map@0.6.1,source-map@0.7.4,split-string@3.1.0,sprintf-js@1.0.3,stackframe@1.3.4,stacktrace-parser@0.1.10,static-extend@0.1.2,statuses@1.5.0,statuses@2.0.1,string-width@4.2.3,string_decoder@1.1.1,string_decoder@1.3.0,strip-ansi@5.2.0,strip-ansi@6.0.1,strip-eof@1.0.0,sudo-prompt@9.2.1,supports-color@5.5.0,supports-color@7.2.0,supports-color@8.1.1,supports-preserve-symlinks-flag@1.0.0,temp@0.8.3,temp@0.8.4,throat@5.0.0,through2@2.0.5,tmpl@1.0.5,to-fast-properties@2.0.0,to-object-path@0.3.0,to-regex-range@2.1.1,to-regex-range@5.0.1,to-regex@3.0.2,toidentifier@1.0.1,tr46@0.0.3,tslib@2.4.0,type-fest@0.7.1,uglify-es@3.3.10,unicode-canonical-property-names-ecmascript@2.0.0,unicode-match-property-ecmascript@2.0.0,unicode-match-property-value-ecmascript@2.0.0,unicode-property-aliases-ecmascript@2.1.0,union-value@1.0.1,universalify@0.1.2,unpipe@1.0.0,unset-value@1.0.0,update-browserslist-db@1.0.10,urix@0.1.0,use-sync-external-store@1.2.0,use@3.1.1,utf-8-validate@5.0.9,util-deprecate@1.0.2,utils-merge@1.0.1,vary@1.1.2,vlq@1.0.1,walker@1.0.8,wcwidth@1.0.1,webidl-conversions@3.0.1,whatwg-fetch@3.6.2,whatwg-url@5.0.0,which-module@2.0.0,which@1.3.1,wrap-ansi@6.2.0,wrappy@1.0.2,write-file-atomic@2.4.3,ws@6.2.2,ws@7.5.9,xtend@4.0.2,y18n@4.0.3,yargs-parser@18.1.3,yargs@15.4.1,yocto-queue@0.1.0. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). Status code: 504.

TypeError: NetworkError when attempting to fetch resource. 
Oblosys commented 1 year ago

Closed due to inactivity.