问题标签 [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 回答
75 浏览

angular - 如何在年度日历的模板文件中以 2+ 角度显示 2d 数组的值?

我正在尝试建立一个年度日历。现在我可以有 12 个月的父母和所有的孩子,这样就可以了,但我宁愿减少 html。我有一个名为 yearlyCalendarArr 的变量,它是月份的 2d 数组,其中包含正确的日期以及空格(它在stackblitz中登录)。

HTML

0 投票
1 回答
281 浏览

reactjs - 反应:Stackblitz 的无效钩子调用

这是我第一次将 Stackblitz 用于示例项目,我一直遇到这个错误:

该项目在本地运行良好,并且能够在 Stackblitz 上无错误地编译,但是当我单击按钮时会发生错误。

https://stackblitz.com/edit/react-ef9gan

在我的组件 from 'import react from 'react'to中的 import 语句中import React, { Component } from 'react'

我还react-router-dom从 stackblitz 中删除了依赖项,因为该项目不需要它。

根据文档,发生这种情况的原因有三个:

  1. 在这两种情况下,我的本地项目和示例都运行 16.9.0。

  2. 我对反应比较陌生,所以我不确定我在这里是否做错了什么,因为它在本地工作。

  3. 查看依赖项,我没有看到任何重复的文件。

我查看了这个 SO question为什么 material-UI textField为解决方案返回 'Invalid hook call' 错误,但它是更新 React 的版本,所以我不确定从这里去哪里才能正确编译。

0 投票
1 回答
17 浏览

angularjs - 不渲染组件

我使用 stackblitz 创建了 AngularJS 简单项目,我无法
添加模块名称。

我已经尝试了多次,因为一只新的蜜蜂有点困惑。

这是我的项目错误的链接。 https://angularjs-nbhgkj.stackblitz.io 完整项目 https://stackblitz.com/edit/angularjs-nbhgkj

0 投票
1 回答
316 浏览

angular - Angular + Firebase 托管:如何在网站根目录中使用静态 js 文件?

我正在使用 Angular 和 Firebase 制作 PWA。使用 StackBlitz 进行开发。

当用户在浏览器中打开我的应用程序时,我想让“添加到主屏幕”Chrome 标准建议起作用,但我无法从我的代码中正确调用“服务工作者”JS ...

我在项目的 /src 文件夹中创建了 sw.js。我已将其添加到 .angular-cli.json 和 .angular.json 中的“脚本”和“资产”部分。在 StackBlitz 中一切正常!

但是当我将项目部署到 Firebase(使用 Stackblitz 内置功能)时,没有任何效果......似乎服务器在预期的目录(/src/sw.js)中看不到文件......有人遇到同样的问题吗?

0 投票
1 回答
89 浏览

angular - Stackblitz:找不到空包

我试图让我的 Angular 应用程序在 Stackblitz 中启动,但它不断抛出错误消息“找不到包:[空白]:

错误信息

Stackblitz 链接

我已经以与 VS Code 完全相同的方式设置项目,并尝试使用谷歌搜索无济于事 - 任何帮助将不胜感激

0 投票
2 回答
1484 浏览

html - 尝试将组件添加到模块文件时,Stackblitz 上的导入错误

我正在使用 Stackblitz 练习 angularJS,当我尝试在 app.module.ts 文件中导入组件时出现错误。

app.module.ts

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

0 投票
2 回答
415 浏览

angular - Stackblitz 中的服务连接不起作用

目标:
与 stackblitz 中名为 Data 的服务建立连接。

问题:
它不起作用。我错过了什么?

Stackblitz:
https ://stackblitz.com/edit/angular-mpy6pr

谢谢!

0 投票
1 回答
590 浏览

angular - Stackblitz 简单 MatDialog 示例无法找到 ComponentFactory

我正在尝试设置一个stackblitz 示例,以针对我在测试中遇到的问题提出一个更复杂的问题。

但是,在设置基本示例时,当我的基本测试通过时,单击按钮以显示 MatDialog 会引发找不到 ComponentFactory 的错误。但我已将其添加到 app.module.ts 中的声明和 entryComponent 中。我错过了什么。?

ps 代码本身在我更大的项目中有效,这与我在 Stackblitz 中设置它的方式有关,这似乎是问题所在。

pps基于下面Maihan的回答,它让我思考了这个想法本身。即使它构建并运行,这个想法也会抱怨无法找到 AddUserDialog 组件。但不确定为什么。

在此处输入图像描述

app.component.ts

app.module.ts

0 投票
1 回答
1302 浏览

angular - 组件在延迟加载时未显示其内容

我在 Angular 8 的模块中共享组件时遇到问题。我试图构建一个 stackblitz,但遇到了一些问题。我不知道问题是否与 Angular 或 stackblitz 本身有关。我的例子可以在这里访问

这里

当您单击链接时,为了模拟成功登录,您将转到主组件。它有内容,但什么也没有出现。

0 投票
1 回答
237 浏览

angular - StackBlitz 中的错误:“意外的严格模式保留字”尝试将 async/await 与 subscription.toPromise() 一起使用

我在StackBlitz上设置了 Angular webapp 的一部分。

在其中,我正在尝试使用来自具有过滤、分页和排序功能的 firebase 的数据来实现 mat-table 的最佳方法。

VideoDataSource最后在'./videoDataSource.model.ts'中编写了一个实现MatTableDataSource接口的类。其中,有一个方法叫做loadMatches(). 这是一种async方法:

其中dbService.getMatchesV2()又来自注入的服务,如下所示:

其中 db 是类型数据库服务的参数AngularFireDatabase

app.component.ts 中的loadMatches()调用如下所示:

其中 data 是AppComponent类型的参数Match[]

我收到错误“意外的严格模式保留字”,引用了没有任何意义的行号(在 app.module.ts 中;我想这是一个编译后的行号?)。问题在我尝试实现 async/await 后立即开始。DatabaseService 主要处理 Observables,但我认为.toPromise()这足以解决问题。关于发生了什么的任何见解?提前谢谢了!