问题标签 [hyperapp]

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 投票
3 回答
471 浏览

types - 是否有任何 JavaScript 库可以为 Hyperapp 添加类型安全性?

我正在考虑在我的下一个项目中使用 Hyperapp,但我注意到虽然它类似于 Elm,但它不提供类型安全保证(这是 Elm 的最佳特性之一)。是否有 JavaScript 库的组合(可能与 Hyperapp 一起使用)可以为您提供 Elm 所做的类型安全?

0 投票
1 回答
41 浏览

javascript - 将 HyperApp Web 应用程序上传到 github,我要上传哪些文件?

嘿,我有一个餐厅网络应用程序,我想在这样做时将其上传到 github,我需要上传哪些文件?全部?我还需要做任何其他事情,例如进行任何类型的编译吗?这对 reAct 项目是否有效?

0 投票
0 回答
40 浏览

javascript - Hyperapp 项目控制台错误

当我运行 npm run watch 时,我没有从 hyperapp app.js 文件获得任何更新到浏览器页面。唯一正在加载的是 CSS。

这就是我的控制台在 png 文件中所说的内容。提供的信息有什么可能的解决方案吗?控制台错误信息

项目文件的链接在这里:https ://github.com/codingphasedotcom/hyperapp-starterkit

0 投票
2 回答
136 浏览

ide - WebStorm 中的 Hyperapp 代码智能

WebStorm 中是否有用于 Hyperapp 支持的插件或设置智能感知以不闪烁错误的方法?

目前,编辑器将组件视为 React 组件,这很接近但并不理想。

更新:

与 Preact 类似,Hyperapp 使用 egclass而不是className.

JS 版本设置为 ES6 的屏幕截图:

在此处输入图像描述

JS 版本设置为 React JSX 的屏幕截图:

在此处输入图像描述

0 投票
0 回答
35 浏览

facebook - Hyperapp、社交分享链接和 og:url

我的(facebook)分享链接有点问题。我用的是hyperapp,fbbot不会执行js,所以我的meta不会显示。

所以我在我的 api 上创建了一个共享页面(将 js 重定向到我的前面供用户使用)。

一切正常,但是,当我分享时,我在预览/分享帖子中看到 [api-mydomain.com]。

我知道这是我的 og:url 告诉 fb 该怎么做。所以我需要 fb bot 留在这个 api 页面上来检索元数据,但我想在帖子中使用 [mydomain.com]。

有没有没有php的解决方案?

我做错了吗?谢谢。

0 投票
1 回答
123 浏览

javascript - Hyperapp中输入元素的输入事件的去抖动动作

当用户在搜索字段中键入内容时,我正在尝试对lodash.debounceHyperapp 组件中的操作进行去抖动(使用)。虽然这些操作延迟,但它们似乎是排队的,并且会在间隔(500 毫秒)过去后单独执行,而不是完全跳过。

换句话说:如果用户在 500 毫秒内键入“foo”,它将执行 3 次,每个单独的函数调用延迟 500 毫秒,而不是只执行一次。

我已经在非 Hyperapp 上下文中多次使用 debounce,所以感觉就像我在 Hyperapp 的工作方式上遗漏了一些东西。

0 投票
0 回答
244 浏览

typescript - TS2605:JSX 元素类型'VNode| 看法' 不是 JSX 元素的构造函数

hyperapp.d.ts 文件

我的代码

错误信息

*TS2605:JSX 元素类型 'VNode | View' 不是 JSX 元素的构造函数。类型“视图”不可分配给类型“元素”。

TS2605:JSX 元素类型“查看 | VNode<{}>' 不是 JSX 元素的构造函数。类型“视图”不可分配给类型“元素”。*

0 投票
1 回答
71 浏览

javascript - setTimeout、clearTimeout 形成复位超时不起作用。console.log 时间问题?

我目前有一个 Modal 弹出,如果用户在 30 秒内没有输入密码,我希望它消失。这行得通,但是当我尝试使用输入onChange上的事件来实现它时,它就停止了工作。奇怪的是,当我用来测试它时,它可以工作。一旦我删除了那些,它就不起作用了。只是好奇是否有人以前见过这个?console.logconsole.log

上面是逻辑,下面是输入标签。

这个问题的主要部分是,如果我取消注释console.logs,它会完美运行。现在显示代码的方式,它不起作用。它只会经历第一个周期(因此即使我对输入进行了更改,也只能工作 30 秒)。当我登录时,它清楚地表明发生了变化。有任何想法吗?当然,我不希望console.log在主代码中,我也在使用hyperapp(现有代码库)。记录时,我可以看到TIMEOUT值按预期变化。

0 投票
1 回答
55 浏览

hyperapp - Hyperapp h 函数无法制作组件

我一直在尝试 Hyperapp。

出于多种原因,我想使用h函数而不是 JSX,我不会在这里讨论原因和原因,但请不要使用 JSX!

事情是当我使用 JSX 创建一个组件的实例时,一切都很好。

示例组件(在下面的示例中,此组件和 JSX 等效组件的工作方式相同):

使用 JSX 的示例视图,这会按预期加载 Examp 组件(我看到“这是一个示例”):

使用 h 的示例视图,这不起作用,我得到一个空的“examp”节点(注意大小写):

看起来 h 正在更改节点的大小写,这导致它无法加载组件。

我做错了什么,如果是,我应该如何处理?

编辑:查看了 Hyperapp 源代码;hyperapp 使用 document.createElement 来创建节点,并且总是会创建一个小写的节点,因为组件函数需要一个大写字母,组件是否曾经与 h 一起使用过或者这被忽略了?在这种情况下,hyperapp 需要 JSX:/

0 投票
0 回答
129 浏览

node.js - 尝试与 Bit.dev 共享来自 Hyperapp 的代码

我正在尝试将我的代码从我的前端(hyperapp)分享给我的管理员(hyperapp to)以制作“预览”按钮。

这些项目的设置是由其他开发人员完成的,所以我必须在工作中学习 hyperapp 工作流程,我不是专家。据我所知,他受到 Facebook React conf 的启发。

我所有有用的代码都在 src/ 文件夹中,并且有很多依赖项,所以我必须导出所有(api、常量、utils 等)。

这是我的位配置(有效,它可以正确导出代码):

因此,代码“正确”导出到 bit.dev,但是,当我从我的管理员导入它时

运行纱线后出现以下错误:

是的,如果我查看 node_module,utils 是一个文件,而不是一个目录所有这些都是自动生成的,我不明白我在做什么错?

第二件事,可能来自上述错误,当我尝试导入组件时(即使有错误,供应商已下载并在他们的位置),我得到:

从这一行开始(如果我查看引发错误的 node_module):

我知道,这是一个非常具体的案例,我的,但我没有找到任何论坛或明确的教程。只有一些小组件导出,没有很多依赖项。我在对 Hyperapp/React 有一点了解的情况下编写了我的代码,并且没有想过有一天会分享它。

感谢阅读。