问题标签 [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 投票
2 回答
19892 浏览

angular - 为什么我的项目会导致“在此元素上匹配多个组件”。错误?

我在 StackBlitz 中有以下项目:

https://stackblitz.com/github/nickhodges/PhillyCCTodoApp/tree/Step20

我收到此错误:

我用谷歌搜索了我的小心脏,但似乎找不到解决方案。

这个错误是什么意思,我该如何解决?

我应该注意,该错误仅发生在 StackBlitz 中,而不发生在我的本地计算机上。

0 投票
1 回答
610 浏览

javascript - 在 Stackblitz 上以 Angular 加载本地 JSON

一般来说,如此处所述,它非常简单:

但是,这在Stackblitz Angular 项目中不起作用。

链接的项目记录以下内容:

0 投票
0 回答
799 浏览

stackblitz - Stackblitz - 向角度生成器添加选项?

试图通过英雄殿教程运行。使用角度生成器时,生成组件、服务等都很好 - 选择类型,输入名称。

但是当开始创建路由文件时,如果使用命令行,要输入的命令是:

所以我打开了生成器,选择了模块,然后尝试输入“app-routing --flat --module=app”,但选项被忽略了——“app-routing”是在文件夹中创建的,而不是在根目录中。

那么(如何)我可以将选项传递给生成器吗?

0 投票
1 回答
634 浏览

javascript - 有什么办法可以防止 Stackblitz 中的 share、fork 选项

我需要在我的网站上嵌入 Stackblitz。用户可以编辑文档并在屏幕上呈现输出。我使用 Stackblitz api 嵌入 iframe。我在 Stackblitz.io 上找不到任何文档来隐藏这些选项(共享代码)。谁能帮我 ?

在此处输入图像描述

0 投票
3 回答
1220 浏览

javascript - 在 Stackblitz 上使用 HttpClient 读取 data.json?

我有一个小演示,它尝试app/data.json使用 Angular HttpClient 进行读取。

然而,HttpClient回复说:

解析失败...

想法?

0 投票
2 回答
164 浏览

angular - 不会显示 Maticons

我的同事创建了一个 stackblitz 示例,我分叉了他的 stackblitz(现在已删除)以使 mat-icons 工作: https ://stackblitz.com/edit/seeming-same-content-but-different-behavior-working

=> 这个链接有效。我唯一改变的是:在 styles.scss 中添加第 2-7 行

他无法重现这一点。所以我想向他展示我做了什么,所以我试着再做一次。现在我也无法让 mat-icons 工作:https ://stackblitz.com/edit/seeming-same-content-but-different-behavior-not-working

=> 这个链接失效了

但我找不到它们之间的任何区别。

那么,第二个有什么问题呢?为什么styles.scss 中的警告在不工作示例中但在工作示例中却没有?

0 投票
3 回答
7973 浏览

angular - StackBlitz 与 github 同步 - 从 StackBlitz 上传到 github

我有一个 Angular 项目,我知道可以在 StackBlitz 中打开一个 github 项目,但是对 StackBlitz 项目所做的更改呢?是否可以在不将代码下载到您的 PC 的情况下提交到 github?

0 投票
1 回答
219 浏览

angular - Angular 和 Stackblitz

此链接mon appli dans Stackblitz显示了 stackbliz 上的一个小应用程序(来自 angular 7 doc)。我做了一些后来取消的更改,但似乎有痕迹并且应用程序无法正常工作。我推断这可能是缓存的问题。我的问题是:如何重置 stackblitz 缓存?注意:应用程序的精确副本在另一个 Stackblitz 会话(Stackblitz的工作会话)中完美运行

0 投票
2 回答
533 浏览

angular - Google Map API 仅在 Angular 6 中不能与 StackBlitz 一起使用

我试图在 stackblitz 中为我的学生设置 Google Map api 以进行演示。我创建了自定义目录来显示谷歌地图。

问题是一切都完美地融入我的本地系统。但是,当我使用 stackblitz 时,我遇到了Google is not defined错误。可能是我将 googleapi.js 保存到 Index.html 中并且它没有在页面上加载的问题。如果我在代码中编辑任何内容,它就会开始工作。因此,问题仅在于页面加载。

我尝试了一些补丁,例如在 setTimeout 上加载地图或在 OnInit/OnAfterViewInit 上加载。但它们都不起作用。

链接:https ://stackblitz.com/edit/googlemap-custom-directory?file=src%2Fapp%2Fgoogle-map.directive.ts

页面加载错误: 在此处输入图像描述

在我编辑一些东西之后: 在此处输入图像描述

0 投票
1 回答
239 浏览

angular - 拒绝在框架中显示“https://stackblitz.com/edit/zknwqv.run”,因为它将“X-Frame-Options”设置为“sameorigin”

我使用 stackblitz API 嵌入了一个新项目。当我单击 .run 按钮时(以下屏幕截图)。它没有反应。控制台显示“拒绝在框架中显示‘ https://stackblitz.com/edit/zknwqv.run ’,因为它将‘X-​​Frame-Options’设置为‘sameorigin’。”

如果他们不允许在 iframe 上显示。他们为什么要放一个API。或者我错过了什么

在此处输入图像描述