问题标签 [stackblitz]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
174 浏览

angular - Snackbar 在部署时填满整个屏幕

过大的快餐栏只发生在部署版本上,我不知道是什么原因造成的。但我希望有人可以帮助了解可以在 stackblitz 项目中进行哪些更改,以使该错误不会在部署时出现。或者这严格来说是一个堆栈闪电战到 Firebase 部署错误?

我在这里找到了对类似问题的引用,该解决方案似乎很简单,并且是由于没有正确关闭 html 标记或没有 html doc 类型声明。但是,我尝试检查这两件事,但在部署后仍然会发生。

重现步骤:

  1. 在 stackblitz 中打开Basic 小吃店示例。
  2. Fork 项目并通过 stackblitz 执行 firebase 部署。
  3. Safari中打开已部署的项目并召唤一个小吃店。

预期行为:

小吃店

实际行为:

超大的巨型小吃店

https://user-images.githubusercontent.com/4210581/61838180-56939600-ae45-11e9-9392-c4356c2ac72b.png

环境:

Safari,在 Mac OS 和 IOS 上

0 投票
0 回答
2648 浏览

jquery - jQuery 未在 StackBlitz 的 Angular 8 中定义

包json

应用模块.ts

堆栈闪电战

https://stackblitz.com/edit/angular-qsa8le?file=src%2Fapp%2Fapp.module.ts

https://www.npmjs.com/package/ng-select2/v/1.1.2

  • 我已经检查了 Jquery 作为依赖项安装。

  • 任何建议都是最受欢迎的。

0 投票
0 回答
185 浏览

angular - Angular &TypeScript Intellisense 在 *ngFor 语句中不起作用

我有以下简化的场景(stackblitz),其中代码编译并显示良好,并且智能感知按预期工作,用于第一级 ngFor 语句。然而,出于某种原因,第二个 ngFor 语句不提供任何智能感知支持,我想知道这是否可以修复。这同样适用于 stackblitz 和 VS Code。

0 投票
2 回答
2670 浏览

node.js - 在 StackBlitz 上使用 Node.js?

我正在尝试处理我使用 StackBlitz 的在线 IDE 创建的 Web 应用程序上的 http 请求(我对我要提到的很多工具都是新手)。我正在尝试处理请求,然后使用我的 firebase 存储中的数据进行响应。

我了解到要处理 http 请求,我应该使用 Node.js,而且我知道我可以将它下载到我的计算机上。但是我使用的是 StackBlitz,所以我不确定如何在那里获取 Node.js。

我尝试在线搜索,之前有人问过这个问题,但没有回答:Using Node fs on Stackblitz?

编辑:我还听说“Express”可能适用于此,它有一个 npm 注册表,我可以用它来将它添加到 StackBlitz,现在就试试。

0 投票
1 回答
2981 浏览

angular - 在 stackblitz Angular 项目中找不到文件

我在我的“服务”目录中生成了服务并将其导入。我收到此错误:

app.component.ts

https://stackblitz.com/edit/angular-subject-queue

0 投票
2 回答
1396 浏览

import - 如何在 STACKBLITZ JS 项目中导入 font-awesome?

我正在 STACKBLITZ 开发一个纯 javascript 项目(没有任何框架)。它有一个安装依赖项的选项。但是如何将它导入到我的 index.js 文件中,以便我可以在我的 HTML 文件中使用。

我已经提到了字体真棒的文档。但是我很难找到这些文件的导入路径。

0 投票
1 回答
680 浏览

javascript - 无法使用 mat 菜单构建多级菜单

我正在使用 Angular 8 和 Angular Material 来构建一个 3 级深的多级菜单。

例如

一 -> 二 -> 三

StackBlitz 示例:

https://stackblitz.com/edit/dynamic-sidenav-multi-level-menu-u93fqt?file=app%2Fapp.component.html

有谁知道我该如何解决这个问题?我想阻止项目列表自动关闭,即显示 item Three

0 投票
1 回答
654 浏览

angular - 如何在 Stackblitz (Angular) 中清除计时器/间隔

在 Stackblitz 中开发带有计时器的应用程序时,运行之间的间隔不会被清除。如在 Stackblitz 项目设置中,我指定在保存时重新加载。但是当应用程序重新加载时,旧的间隔仍然处于活动状态。

在 ngOnInit 方法中,我使用代码在间隔上设置了一个计时器: 在函数 tick() 中,我添加了日志记录以通过添加语句window.setInterval(this.tick, 1000); 来查看发生了什么。console.log('log information 1');然后我将我的 tick() 函数的内容更改为console.log('log information 2');然后我可以看到“日志信息 1”和“日志信息 2”消息每秒都出现在我的控制台中。

我尝试通过添加一个计时器变量来跟踪间隔,例如: this.appTimer = window.setInterval(this.tick, 1000);然后在创建新计时器之前清除旧计时器,然后window.clearInterval(this.appTimer);在新运行中执行任何其他操作之前。但是当然因为是新运行,所以变量 appTimer 还是空的。

有没有办法在重新加载 Stackblitz 时清除所有活动间隔?刷新浏览器可以解决问题,但这会启动和停止开发服务器,这似乎有点矫枉过正。

0 投票
1 回答
1580 浏览

stackblitz - Stackblitz 开发服务器不工作

已经一周了,stackblitz 开发服务器没有在使用 angular material 上运行。我也尝试在同一个选项卡中打开服务器。

0 投票
1 回答
85 浏览

syncfusion - 如何将 Syncfusion Vue 示例与 Stack blitz 一起使用

我想将 stackblitz 与 syncfusion 一起使用——特别是一个网格内联编辑示例。我几乎可以开始了,但我无法显示材料设计样式。我是同步融合和堆栈闪电战的新手

谢谢