问题标签 [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.
angular - 如何在年度日历的模板文件中以 2+ 角度显示 2d 数组的值?
我正在尝试建立一个年度日历。现在我可以有 12 个月的父母和所有的孩子,这样就可以了,但我宁愿减少 html。我有一个名为 yearlyCalendarArr 的变量,它是月份的 2d 数组,其中包含正确的日期以及空格(它在stackblitz中登录)。
HTML
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 中删除了依赖项,因为该项目不需要它。
根据文档,发生这种情况的原因有三个:
在这两种情况下,我的本地项目和示例都运行 16.9.0。
我对反应比较陌生,所以我不确定我在这里是否做错了什么,因为它在本地工作。
查看依赖项,我没有看到任何重复的文件。
我查看了这个 SO question为什么 material-UI textField为解决方案返回 'Invalid hook call' 错误,但它是更新 React 的版本,所以我不确定从这里去哪里才能正确编译。
angularjs - 不渲染组件
我使用 stackblitz 创建了 AngularJS 简单项目,我无法
添加模块名称。
我已经尝试了多次,因为一只新的蜜蜂有点困惑。
这是我的项目错误的链接。 https://angularjs-nbhgkj.stackblitz.io 完整项目 https://stackblitz.com/edit/angularjs-nbhgkj
angular - Angular + Firebase 托管:如何在网站根目录中使用静态 js 文件?
我正在使用 Angular 和 Firebase 制作 PWA。使用 StackBlitz 进行开发。
当用户在浏览器中打开我的应用程序时,我想让“添加到主屏幕”Chrome 标准建议起作用,但我无法从我的代码中正确调用“服务工作者”JS ...
我在项目的 /src 文件夹中创建了 sw.js。我已将其添加到 .angular-cli.json 和 .angular.json 中的“脚本”和“资产”部分。在 StackBlitz 中一切正常!
但是当我将项目部署到 Firebase(使用 Stackblitz 内置功能)时,没有任何效果......似乎服务器在预期的目录(/src/sw.js)中看不到文件......有人遇到同样的问题吗?
angular - Stackblitz:找不到空包
我试图让我的 Angular 应用程序在 Stackblitz 中启动,但它不断抛出错误消息“找不到包:[空白]:
我已经以与 VS Code 完全相同的方式设置项目,并尝试使用谷歌搜索无济于事 - 任何帮助将不胜感激
html - 尝试将组件添加到模块文件时,Stackblitz 上的导入错误
我正在使用 Stackblitz 练习 angularJS,当我尝试在 app.module.ts 文件中导入组件时出现错误。
app.module.ts
https://stackblitz.com/edit/angular-akxx4e?file=src%2Fapp%2Fapp.module.ts
angular - Stackblitz 中的服务连接不起作用
目标:
与 stackblitz 中名为 Data 的服务建立连接。
问题:
它不起作用。我错过了什么?
Stackblitz:
https ://stackblitz.com/edit/angular-mpy6pr
谢谢!
angular - Stackblitz 简单 MatDialog 示例无法找到 ComponentFactory
我正在尝试设置一个stackblitz 示例,以针对我在测试中遇到的问题提出一个更复杂的问题。
但是,在设置基本示例时,当我的基本测试通过时,单击按钮以显示 MatDialog 会引发找不到 ComponentFactory 的错误。但我已将其添加到 app.module.ts 中的声明和 entryComponent 中。我错过了什么。?
ps 代码本身在我更大的项目中有效,这与我在 Stackblitz 中设置它的方式有关,这似乎是问题所在。
pps基于下面Maihan的回答,它让我思考了这个想法本身。即使它构建并运行,这个想法也会抱怨无法找到 AddUserDialog 组件。但不确定为什么。
app.component.ts
app.module.ts
angular - 组件在延迟加载时未显示其内容
我在 Angular 8 的模块中共享组件时遇到问题。我试图构建一个 stackblitz,但遇到了一些问题。我不知道问题是否与 Angular 或 stackblitz 本身有关。我的例子可以在这里访问
当您单击链接时,为了模拟成功登录,您将转到主组件。它有内容,但什么也没有出现。
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()
这足以解决问题。关于发生了什么的任何见解?提前谢谢了!