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

reactjs - 边框不直接应用于 svg 元素,而是应用于其子元素?

那是我的 stackblitz/codepen:https ://stackblitz.com/edit/svgtest?file=index.tsx

当我将鼠标悬停在 svg 矩形上时,将触发悬停事件,因为立面/屋顶的父 svg 元素,所以我希望将边框添加到 svg 元素,但事实并非如此!相反,所有 svg 子元素都拥有该边框集。

为什么这个?

如您在此处看到的,已为 svg 元素注册了 OnMouseOver:

但尽管如此,当我将鼠标悬停在它们上方时,所有 rect 元素都会显示边框!?

0 投票
1 回答
790 浏览

javascript - 从嵌入式 Plunker/StackBlitz 等代码编辑器发送和获取数据

我在 .Net Core 2 和 Angular 6 中有一个网站。我正在尝试使用 angular 或 javaScript 创建一个代码编辑器,它将与网站的一部分进行交互,从父级到嵌入方向,而不是相反,并且可以将此代码提交给我的服务器一旦完成。可以是任何其他编辑器,如jsfiddlejsbin等...

所以我对下面的图片很严厉。我想在我的网站上嵌入类似于Plunker Editor的东西,在这个页面中会有事件发送到这个嵌入的 plunker,我相信是一个 iframe。另外我想知道 plunker 是否可以提交现在可以通过在内部创建一些按钮并通过网络发送来手动下载的代码。

PS:对不起,在下面的平局上写的是splunk,但我的意思是plunker

Is it possible to have something like this. If yes, How?

我网站上的实时编辑器

编辑:

另一个可能的解决方案可能是 stackblitz,它具有连接到 github 的能力。

先决条件:用户需要有一个 github 帐户并告诉我它的地址是什么。

所以我可以加载stackblitz嵌入的负载:

  1. 从 github 加载 Angular 代码(根据他们的 API 可以)
  2. 通过 github API 从 stackblitz 提交,如果可能的话?如果是怎么办?
  3. 据我所知,可以从父页面到 iframe 进行通信,因此理论上 stackblitz 可以从该事件中获取数据。

如果第 1 点和第 2 点是可能的,有没有活生生的例子?

0 投票
1 回答
128 浏览

angularjs - Stackblitz 在 AngularJS 中没有达到组件的范围

我正在尝试将Stackblitz与 AngularJS 一起使用,但是路由的有目的的旧controller语法view有点过时了,所以我正在修改要使用的基本示例ui-routerAngularJS 1.5 组件

我遇到的问题是Stackblitz似乎没有正确地附加$ctrl$scope组件的模板中,但它正在正确地注入模板。

(我尝试添加组件的标签和绑定并传递值<home name="AngularJS">,似乎可以工作,但我遇到的问题是路由)

这是示例代码

0 投票
2 回答
7624 浏览

angular - 如何在 StackBlitz 中降级 npm 包的依赖关系?

我正在尝试为 StackBlitz 上的演示提案创建应用程序,并且必须使用 Angular 5.2.x,因为我的应用程序仍在使用 5.2.x。当我尝试安装依赖项时,我无法从 v6 降级到 v5.2。

我实际上需要例如"@angular/common": "^5.2.10", "rxjs": "^5.5.10", "@angular/http": "^5.2.10"等。但它只是迫使我安装 v6。

是否有可能避免这种情况并安装所需的版本,或者没有办法?

一直在检查 Stackblitz 的文档,但没有找到关于这种情况的内容。

0 投票
1 回答
3141 浏览

reactjs - TypeScript JSX 表达式中的逗号运算符

此组件中的表达式

结果是

错误 TS1005: '}' 预期

逗号运算符周围的错误。这可以在这个Stackblitz 演示中看到,该演示是create-react-app使用 TypeScript 作为转译器的项目。

虽然逗号运算符在类似情况下在 Babel 中按预期工作。

是 TypeScript 还是 Babel JSX 实现错误?JSX 规范是怎么说的?这是一个已知问题吗?如果这是 TypeScript 的错,可以修复吗?

0 投票
0 回答
31 浏览

javascript - 导入 JS/TS 模块时,热重载无法在 JS/TS 项目中工作

我创建了一个简单的 JS 或 TS 项目,并编写了一些常用函数。编辑上的热重载工作正常,直到我将这些常用功能移到一个单独的模块文件中。

在 index.ts 之前:

之后:index.ts:

devPrinter.ts:

热重载本身有效(JS 控制台刷新),但无法呈现新内容,只有一个空的浏览器面板。

如果我在设置中将“热重载”更改为“页面重载”,一切正常。这是我现在的解决方法,但我想知道热重载可能是什么问题。

你可以在这里找到原始项目

0 投票
0 回答
33 浏览

javascript - StackBlitz 中的项目之间共享 JS/TS 模块

我是 StackBlitz 的新手,我只有几个项目,但我已经有一些实用功能作为我想在所有项目中使用的模块。

有没有办法在 StackBlitz 的项目之间共享 JS/TS/... 模块?我当然不是说复制粘贴作为这里的解决方案;)。

0 投票
1 回答
1962 浏览

polymer-3.x - 在 stackblitz 中找不到包,即使它存在于 npm 网站中。那怎么安装呢?

我在 stackblitz 中为聚合物应用程序安装依赖项。它说找不到 3 个包,但它们存在于 npm 网站上。我也试过cdn。即使这样也没有用。

截图:

堆栈闪电战中的错误 npm 中已经存在的包

我还从stackblitz的这个网站安装了 CDNexternal sources

请帮助我哪里出错了。提前致谢。

0 投票
3 回答
1758 浏览

javascript - Stackblitz:onClick 找不到我的功能

我在输出警报的按钮中有基本的 onClick

在 StackBlitz 这不起作用 - https://stackblitz.com/edit/js-umarwe?embed=1&file=index.js&hideNavigation=1

这是因为 ES6

这在 ES6 中是如何工作的

0 投票
2 回答
1582 浏览

javascript - 在 StackBlitz 中使用几个 JS 文件和一个简单的 JS 项目

StackBlitz中,可以添加另一个 JS 文件(除了index.js),但似乎只有index.js实际被加载。在同一(根)文件夹中创建的其他 JS 文件中定义的所有函数只是undefined当我尝试在index.js. 我试图通过 HTML(<script src='./filename.js'>标签)“激活”其他文件,但没有帮助。我究竟做错了什么?