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.

Filter by
Sorted by
Tagged with
3 votes
0 answers
45 views

Getting Stackblitz to run in separate tab?

So up until now Angular Stackblitz projects have been running just fine in a separate Tab, however after recent upgrades this no longer works in both Firefox and Chrome. I found this issue and this ...
Ole's user avatar
  • 42k
0 votes
1 answer
52 views

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 ...
EugenSunic's user avatar
  • 13.2k
0 votes
1 answer
39 views

Angular 16 Animations Module causes NG05100 error in Stackblitz

I can't get Angular Animations to work on my standalone components which I posted another question about here a couple weeks ago. I'm trying to create a stackblitz demo to add to it as well as get ...
Optiq's user avatar
  • 2,875
0 votes
1 answer
35 views

Importing Angular component in new Stackblitz standalone Angular starter

Stackblitz has defaulted their Angular starters to opt-in to the new standalone Angular components. With this change, I'm encountering issues importing my custom component (FirstComponent) into their ...
Manish Giri's user avatar
  • 3,562
0 votes
0 answers
106 views

Importing Leaflet in Angular 16 Stackblitz?

Trying to import leaflet in this Angular 16 Stackblitz: https://stackblitz.com/edit/stackblitz-starters-kw6bmy?file=src%2Fmain.ts It has both @types/leaflet and leaflet packages installed, however it ...
Ole's user avatar
  • 42k
0 votes
1 answer
22 views

How to show values of a Javascript Set() in Stackblitz console?

I've been using stackblitz as a scratchpad for learning and testing javascript. I find it very convenient to use the real time console updates while logging out lines of code. One problem I've ...
js-newb's user avatar
  • 431
0 votes
1 answer
48 views

How can I add custom font in static html project in stackblitz.com website, (fontface, ttf files) nothing seems to workout?

I created fonts folder, and placed mercury_font.ttf, still not working. @font-face { font-family: 'Official'; src: url('fonts/Mercury_Bold.ttf') format('truetype'); } body { margin: 0 auto; ...
7_Baira Praveen's user avatar
0 votes
0 answers
59 views

My TensorFlow model keeps making the same incorrect prediction no matter what

I'm learning TensorFlow, and I finished making a model that can predict handwritten digits using the MNIST data set. And it runs great when I test the model in my Python environment. After making the ...
Bonzai's user avatar
  • 17
1 vote
0 answers
43 views

Stackblitz example not working in Angular docs:

I'm trying to examine the example provided in the Angular docs. When I load the StackBlitz, it fails to start. The terminal readout is: ~/projects/zesusx--run ❯ npm install --legacy-peer-deps &&...
JimmyTheCode's user avatar
  • 3,951
0 votes
0 answers
62 views

How can I deploy my StackBlitz website and fix the error or stuck loading issue on a new tab?

How do I deploy this website? I created a website on StackBlitz. The preview runs fine, but when I open in a new tab I get an error or the blue loading bar appears on the website and never finishes ...
captain_sapphire's user avatar
0 votes
2 answers
215 views

Adding more Angular standalone components to the default Stackblitz App component?

I created a second standalone AppNavComponent component on Stackblitz. import { Component } from '@angular/core'; import { CommonModule } from '@angular/common'; import { RouterOutlet } from '@angular/...
Ole's user avatar
  • 42k
1 vote
0 answers
34 views

How do I get the dependencies tree to show in a stackblitz node.js new project?

I started this up to get a terminal window in my project, but there is no dependencies tree... https://stackblitz.com/fork/nextjs
David Pesetsky's user avatar
0 votes
1 answer
109 views

Angular stackblitz Error: Uncaught (in promise): Error: Providers from the `BrowserModule` have already been loaded

I have something working locally on my computer that I can't get working in StackBlitz: Error: Uncaught (in promise): Error: Providers from the `BrowserModule` have already been loaded. If you need ...
JimmyTheCode's user avatar
  • 3,951
0 votes
0 answers
404 views

Angular standalone component error: "Object literal may only specify known properties, and 'standalone' does not exist in type 'Component'.(2345)"

I'm trying to create a simple component on stackblitz. I have generated a new component and then tried to add the line standalone: true: import { Component, OnInit } from '@angular/core'; @Component({...
JimmyTheCode's user avatar
  • 3,951
0 votes
0 answers
12 views

cannot create stackbltiz with fullcalendar

I want to create a stackblitz with fullcalendar but I got this error code: Error in /turbo_modules/@fullcalendar/[email protected]/internal-common.cjs (3:14) Cannot use import statement outside a module ...
stackcall01's user avatar
0 votes
0 answers
45 views

Stackblitz: Vue + Vuetify + Firebase Auth

Is there a way to use Stackblitz for development with vue3, vuetify and firebase auth? Here is what I got so far: https://stackblitz.com/edit/vue-xwk34s?file=src/main.js Vuetify I added vuetify as ...
gerd hübner's user avatar
1 vote
1 answer
147 views

Making the Angular Material Select Demo Stackblitz into a Standalone Component?

Trying to make the Angular Material Select Demo into a standalone component. This is the Stackblitz. These are the steps. Replace main.ts with this (For booting standalone component): import { ...
Ole's user avatar
  • 42k
0 votes
1 answer
194 views

ngx-capture : Unable to capture whole page

hello i am using https://www.npmjs.com/package/ngx-capture for capture image, but i am facing some issue,it is capture area which is only visible to the browser, is there any solution to capture whole ...
13hola's user avatar
  • 170
0 votes
0 answers
37 views

React SPA freezes when changes fired to Firebase Realtime DB

I have a shoppinglist app that uses Firebase Auth and Realtime DB. I had it working fine before I added the Auth functionality, but now when I login and try to add item or edit, or click anything that ...
Martin Valdés Mallaug's user avatar
0 votes
0 answers
91 views

Angular StackBlitz app won't recognize path aliases in tsconfig

I am having trouble getting an Angular stackblitz app to use the path aliases. Using Angular 15.2.3 tsconfig.json: { "compileOnSave": false, "compilerOptions": { "...
Scottish Smile's user avatar
0 votes
1 answer
553 views

How to run stackblitz project [closed]

Sorry for the stupid question. Beginner with angular (and stackblitz) I created a stackblitz project to ask for help on an angular subject (reactive forms) https://stackblitz.com/edit/angular-4vdtbe?...
Olivier's user avatar
  • 343
4 votes
2 answers
256 views

Error when adding my npm module to imports

Any help in understanding why I'm getting this error below installing and then referencing npm Angular2-wizard in my Stackblitz. I have this Stackblitz and I installed angular2-wizard. After I ...
chuckd's user avatar
  • 13.6k
2 votes
2 answers
1k views

How to add component to StackBlitz Angular project?

I created basic Angular project on StackBlitz, and want to add my component. I right-click on src folder, Angular Generator > Component > test, which created folder 'test' with test component. ...
sam sergiy klok's user avatar
0 votes
0 answers
30 views

How to create a compose on Stackblitz with a command?

How I could create a component from a command on Stackblitz? I create the components with the mouse but it's tedious.
amelabamelab440's user avatar
1 vote
1 answer
278 views

Importing Angular ECharts Into a Stackblitz 15.1 project?

Stackblitz is now using a standalone configuration for Angular Projects and when I attempt to initialize the module for Angular ECharts (ngx-echarts) it produces the following error: Error in src/main....
Ole's user avatar
  • 42k
0 votes
0 answers
381 views

Stackblitz problem referencing Swiper module in an Angular 15 project

I want to install and use Swiper in a my Stackblitz, but I can't reference it in my component without it erroring out! Here is what I did so far. Took this Stackblitz found already created with ...
chuckd's user avatar
  • 13.6k
1 vote
1 answer
209 views

Connecting to a remote MySQL database from Stackblitz Node.js project

I have a Node.js Stackblitz project that I am trying to connect to a remote MySQL database. It is not possible to have a MySQL database within Stackblitz, hence trying the remote approach. However I ...
RBHQ's user avatar
  • 33
0 votes
0 answers
173 views

Can I run stackblitz on my android phone?

I run stackblitz site on my android phone, and create an angular project. But when I want to create a new component, I don't see any place for typing the name of the component and therefore I can't ...
elham noori's user avatar
4 votes
0 answers
170 views

preview of stackblitz static html project ends in ENOENT error

I try to share a static html template project I made. But the Problem is that I end up with this error: {"syscall":"","errno":2,"code":"ENOENT","...
William Sharlaag's user avatar
1 vote
1 answer
224 views

Make a sample of react-monaco-editor in StackBlitz

I try to use https://github.com/react-monaco-editor/react-monaco-editor in StackBlitz. Here is a very small sample: https://stackblitz.com/edit/react-ts-mq152n?file=EditorBasic.tsx,index.tsx import * ...
SoftTimur's user avatar
  • 5,540
0 votes
2 answers
65 views

Identifier 'runTimers' has already been declared

The program works perfectly on Visual Studio Code, but not sure Stackblitz. (I really need to use Stackblitz.) The error message: Identifier 'runTimers' has already been declared The url Stackblitz ...
elodie's user avatar
  • 23
0 votes
0 answers
143 views

Firefox: Error fetching cached project bundle for preview

Using stackblitz in firefox i get the following error. in firefox browser can't use stackblitz? other projects i can but this angular project i can't. If you know the solution can you please teach me. ...
user55416's user avatar
0 votes
0 answers
35 views

Import error, cant' find a txt file using Stackblitz

I'm trying to figure out why my Wordle repo refuses to run smoothly on StackBlitz, even though everything works fine on my IDE's local host. I can't find an answer for this one unfortunately. The ...
Shames's user avatar
  • 21
0 votes
0 answers
217 views

How to make multiple API http requests with Angular 14

I am currently doing a project for work that requires me to pass in two APIs within two different input tags. I been following along a stackblitz demo, and was wondering how could I implement this to ...
khalil-poole's user avatar
0 votes
1 answer
42 views

how can i add new component on stackblitz

i am using nativescript on stackblitz. i want to use a tabview acording to this doc, i just add a tab on html. but i am not sure because normaly on stackblitz i have to add dependency when i add a new ...
user609511's user avatar
  • 4,101
5 votes
4 answers
3k views

Where is the StackBlitz console?

At the end of the Angular's "Getting started/try it/using forms for user inputs", we are asked at the end to "open the console to see an object containing the name and address you ...
Kokottc's user avatar
  • 111
0 votes
1 answer
102 views

StackBlitz - ECONNREFUSED when connecting to local machine

I'm running a simple express server on my machine and attempting to ping it from a StackBlitz web container, but am getting the following error when trying to connect: FetchError: request to https://...
chantey's user avatar
  • 4,400
0 votes
0 answers
90 views

stackblitz - import (react) project from a github repo

i'm trying to open my repo in stackblitz, this is the url that i use stackblitz.com/github/pinale/Refine/tree/master/refinemuiapp Stackblitz automatically open the file .npmrc and the preview of the ...
pinale's user avatar
  • 2,072
0 votes
0 answers
100 views

Implementing D3 grouped bar chart with line chart in angular

https://stackblitz.com/edit/d3-grouped-bar-chart-11-r2jkny?file=src%2Fapp%2Fchart.ts Trying to implement grouped bar chart with line chart. attached the code , but not able to render the line chart. ...
Pooja Bansal's user avatar
0 votes
0 answers
57 views

GoogleAuthProvider does not exist error - Angular 14, Stackblitz

Error in src/app/shared/services/auth.service.ts (93:36) Property 'GoogleAuthProvider' does not exist on type 'typeof import("/turbo_modules/[email protected]/auth/dist/auth/index")'. ...
Hiren Sojitra's user avatar
0 votes
1 answer
246 views

error adding app-routing.module in stackblitz

Here: https://stackblitz.com/edit/partehoras?file=src/app/app.module.ts When I add App Roting like I do it in my VS Code local project without any problem In package.json I get this error: "...
kintela's user avatar
  • 1,293
0 votes
1 answer
116 views

Problems adding angular material in stackblitz

I have this sample: https://stackblitz.com/edit/partehoras?file=src/styles.css Where I have installed angular material I have created this material.module where I export all the modules needed Then ...
kintela's user avatar
  • 1,293
0 votes
0 answers
34 views

Proper way to make Nested RxJS HATEOAS request? - StackBlitz Included

First of all, I've already reviewed similar questions but still I'm a bit confused. I'm working with OGCSensorThings, that API Standard makes use of HATEOAS therefore the nested information is formed ...
Idea's user avatar
  • 25
1 vote
0 answers
391 views

StackBlitz and PrimeNg

I am putting a demo for a client using StackBlitz StackBlitz The error being shown is Error in /turbo_modules/[email protected]/fesm2015/primeng-table.mjs (4051:169) can't access lexical declaration '...
GettingStarted's user avatar
-1 votes
1 answer
72 views

this.router.navigate['/catalog']; not working in stackblitz project

I am beginner in Angular. I would like to route to a page from the component.ts code (not from the template). I started from a stackblitz and forked it, but it's not working: https://stackblitz.com/...
riskop's user avatar
  • 1,685
-3 votes
1 answer
232 views

How to solve internal server error for next.js on stackblitz?

I'm trying to create a simple example for a problem I have in NextJS. The problem is that it encountered an error, showed Internal Server Error and now I'm stuck at how to make it work. I retried many ...
Big boy's user avatar
  • 1,143
0 votes
1 answer
236 views

Import error, can't find files error in stackblitz

hi can anyone please help me to solve this error in stackblitz -react project. Please click on the below mentioned link to replicate the scenario - https://stackblitz.com/github/bharathkumarrangarajj/...
Bharath kumar's user avatar
3 votes
2 answers
1k views

ngx-capture : Unable to capture <img> inside the screen capture area

I'm Unable to capture <img /> inside the screen capture area. I want a defined section with images and content to be captured. How can we achieve this? Help! Visit: https://stackblitz.com/edit/...
Sid Sss's user avatar
  • 129
0 votes
1 answer
238 views

How to run react-project in local from StackBlitz?

When I download from github project from StackBlitz, I got information: m@m ~/c/g/m/a/react-tailwind-headless-ui-popover (main)> yarn start yarn run v1.22.17 warning ../../../../../package.json: No ...
mxcdh's user avatar
  • 825
0 votes
1 answer
550 views

Drag and drop dialog box

I am trying to make a dialog box window draggle with cdkDrag directive, currently only the content inside the dialog is movable. How it is possible to move the whole window? stackblitz Thanks!
Windows's user avatar
  • 23

1
2 3 4 5