Questions tagged [stackblitz]

StackBlitz is an online IDE powered by Visual Studio Code, used for creating web applications. It provides rich editing and sharing features, like CodePen or JSFiddle. Use this tag when you have a question about one of its features or when you are encountering a problem in conjunction with using this tool for programming.

StackBlitz is an online IDE for web applications, powered by Visual Studio Code. It provides rich editing and sharing features, like CodePen or JSFiddle.

StackBlitz

236 questions
1
vote
1 answer

React: Invalid hook call with Stackblitz

This is my first time using Stackblitz for an example project and I keep running into this error: Error in /turbo_modules/react@16.10.2/cjs/react.development.js (1607:26) Invalid hook call. The project works fine locally and is able to compile…
Noble Polygon
  • 796
  • 11
  • 36
1
vote
1 answer

NullInjectorError: No provider for ChildrenOutletContexts

I'm still learning angular. I was trying to create an example on stackblitz to ask another question and ran into an issue with routing. I'm trying to set up routing. I have added the following to app.module.ts: imports: [ BrowserModule, …
Thom
  • 14,013
  • 25
  • 105
  • 185
1
vote
1 answer

Refused to display 'https://stackblitz.com/edit/zknwqv.run' in a frame because it set 'X-Frame-Options' to 'sameorigin'

I embedded a new project using the stackblitz API. When I click the .run button (Following Screenshot). It went unresponsive. The console says "Refused to display 'https://stackblitz.com/edit/zknwqv.run' in a frame because it set 'X-Frame-Options'…
Malavan
  • 789
  • 7
  • 27
1
vote
2 answers

Google Map API is not working with StackBlitz only in Angular 6

I was trying to setup Google Map api for demo purpose for my students in stackblitz. I've created custom directory to show Google map. Issue is everything works perfect into my local system. but, when I use stackblitz, I am getting Google is not…
Ubiquitous Developers
  • 3,637
  • 6
  • 33
  • 78
1
vote
1 answer

Is there any way to prevent share, fork option in Stackblitz

I need to embed Stackblitz on my site. The user can edit the document and render the output on the screen. I used Stackblitz api to embed the iframe. I cant find any document on Stackblitz.io to hide those options (share code). Can anyone help me ?
Malavan
  • 789
  • 7
  • 27
1
vote
1 answer

How to change Stackblitz Jasmine configuration for Angular testing to set "random: false"

When making a Stackblitz project for Angular testing, there is no way I have found to change the default Jasmine setting of "run tests in random order". Of course I can click on the OPTIONS box and change it manually, but I would like to create…
dmcgrandle
  • 5,934
  • 1
  • 19
  • 38
1
vote
0 answers

StackBlitz Can't Locate Existing Angular SCSS File

I am moving an app to Angular 7 app StackBlitz that was developed in VSCode. The angular.json has been adjusted to work with SCSS. Other SCSS files seem to be found successfully. But StackBlitz is complaining that it cannot find a file that is in…
user1558897
  • 111
  • 1
  • 6
1
vote
1 answer

Declare dependency version with Stackblitz?

Is there a way declare the dependency version on stackblitz. I've updated the dependency on NPM, but stackblitz keeps insisting on installing the old version.
Ole
  • 41,793
  • 59
  • 191
  • 359
1
vote
1 answer

Using RxJS combineLatest to filter observables?

I'm seeing if I can use combineLatest within an Angular service to remove the activeFiler$ switch block (The service should be doing the same thing). This is the component design right now (stackblitz link) and I'm trying to remove all the…
Ole
  • 41,793
  • 59
  • 191
  • 359
1
vote
1 answer

Resolving exports from of index.ts published to NPM?

I have this package with an index.ts file. The corresponding index.d.ts file that is installed under node_modules/@fireflysemantics/slice looks like this: export { EStore } from './EStore'; export { Slice } from './Slice'; export { OStore } from…
Ole
  • 41,793
  • 59
  • 191
  • 359
1
vote
1 answer

React multiple criteria filtering

I created like a shop, it's not for production, just for practice. I want to filter by criteria(size, model), it works when I add model, click filter, then add size, click filter to filter sizes.. Problem is, for example, when I remove all sizes and…
Merim
  • 1,283
  • 2
  • 21
  • 36
1
vote
0 answers

Hot reload cannot work in JS/TS projects when JS/TS modules imported

I've created a simple JS or TS project and I wrote some common functions. Hot reload on Edit worked fine till I moved these common functions into a separated module file. BEFORE index.ts: function devPrint(msg: string, color?: string, nl?: boolean)…
Ferenc T
  • 766
  • 1
  • 6
  • 12
1
vote
1 answer

Angular Material Stepper not working on StackBlitz

I'm working on an idea to create a quiz primarily using the Angular Material Stepper. I have the concept working on my localhost but I'd like to put it on StackBlitz so I can easily share the concept with coworkers with just a link. I've followed…
onTheInternet
  • 6,421
  • 10
  • 41
  • 74
1
vote
1 answer

Can't find @angular/common/http on stackblitz

I try to create a new service file on Stackblitz, for some reason I get an error message: Can't find module '@angular/common/http' Same with 'rxjs/Observable'; any idea why? It uses now Angular 6. I have the @angular/http under npm packages Thanks.…
Menahem Gil
  • 787
  • 2
  • 15
  • 39
0
votes
1 answer

How to run tests in StackBlitz?

Picked a sample React app on StackBlitz. How does one run unit tests? I see many people creating an app with tests, what's the purpose if those cannot be executed? I guess you'd need a node.js project setup in order to run those?
EugenSunic
  • 13,162
  • 13
  • 64
  • 86