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
0
votes
1 answer

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 I import this module in app.module In…
kintela
  • 1,283
  • 1
  • 14
  • 32
0
votes
0 answers

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 as URI. I must display each thing information as…
Idea
  • 25
  • 10
0
votes
1 answer

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 -…
0
votes
1 answer

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 license field $ react-scripts start Could not find…
mxcdh
  • 805
  • 3
  • 10
  • 20
0
votes
1 answer

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
  • 23
  • 5
0
votes
2 answers

How to set a array values inside http get method in angular 14

Trying to update the array value inside the http get method. But, it is not working. Get method also not working to get json data from assets folder.Getting status 200 message. So, How to relsove this issue? app.component.ts: ngOnInit(): void { …
EMahan K
  • 417
  • 1
  • 19
0
votes
1 answer

Angular - Dynamic field, Two-Way Binding with shared component not working between components

I'm trying to make a reusable component which implements the Simple-Keyboard module, which is a customisable onscreen touch keyboard. I then want to call it on various pages of my application which has form inputs. There are lots of single page…
nbren007
  • 313
  • 1
  • 4
  • 14
0
votes
1 answer

Issues running jest tests from Stackblitz

I am having difficulties running my jest tests from stackblitz. I have configured a start command in .stackblitzrc but my tests are not run... My jest config is as follows: module.exports = { preset: 'ts-jest', testEnvironment: 'jsdom', …
balteo
  • 23,602
  • 63
  • 219
  • 412
0
votes
1 answer

CodeSandBox: How to access terminal in angular project

I want to execute some ng commands in codeSandBox in an angular project. But I couldn't see any terminal option, whereas I can see terminal when I work on some Node.JS project. Can anyone please help me to access terminal? Here is my codesandbox…
Shivani
  • 63
  • 9
0
votes
1 answer

Why is embedded Stackblitz project unable to display preview pane?

I am trying to embed Stackblitz projects in my Angular application. The embedded project editor pane displays correctly. But the preview pane doesn't display the preview. Instead, it shows an error as follows: Error occurred: Error: ENOENT: No such…
0
votes
1 answer

Import error, can't find file - stackblitz React JS

I'm working on a POC on stackblitz environment, while trying to import the app.tsx file, Import error, can't find file: getting this error in browser. Below is my project link https://stackblitz.com/edit/react-ts-kvyax9 Please help.
Arun Kumar
  • 187
  • 1
  • 9
0
votes
2 answers

How online in browser Code Editor like Code sandbox stores files in browser?

How code sandbox and stackblitz like online in browser code editors store the files in the browser?
Arnav
  • 97
  • 6
0
votes
1 answer

Contents of Angular Sidenav material container don't render

I am trying to use the angular material sidenav in my project but when I add it to the project it causes the entire page to be blank (white) and when I inspect the DOM nothing inside of mat-sidenav-container is rendered. I'm sure whatever I'm doing…
0
votes
1 answer

How to change a variable value by 10 which is defined in parent component and accessed in child component using button?

I am trying to write an application and I don't know how to change a variable value that is defined in parent component and accessed in child component. Below is the code for child component: This is the child component HTML markup:

Child…

Honey
  • 37
  • 6
0
votes
0 answers

Typescript Generics : why does this[Key] type sometimes get inferred, sometimes not

I'm stumbling on an inference problem within a generic class & with a generic method. Here is my code. export class MyClass { name: string; array: Array; constructor() { const a = this.test('name'); // a:…
Matthieu Riegler
  • 31,918
  • 20
  • 95
  • 134