preact

在渲染之前打印动态变量

我正在尝试编写一个 preact 脚本,该脚本将根据获取的 API 数据显示不同的图像。但是,即使我使用了 componentWillUpdate() 函数,在渲染输出之前似乎也没有调用 fetchWeatherData() 函数。 当我尝试在返回数据之前在 render() 函数中打印 this.state.locate 时,输出总是未定义的,但是我需要这个变量来操作我想要显示的图像。 感谢您的... »

Preact:重新加载时有时会出现空白页面

我是 Preact 和 TypeScript 的新手,我使用 parcel-preact-typescript-boilerplate 引导了一个应用程序。 到目前为止一切正常,但我意识到,在重新加载时,我有时会得到一个空白页面。打开页面时也会不时发生这种情况。空白页是指我的Hello 组件不会在document.body 中呈现。但是,当我在 Google Chrome 中禁用缓存时不会出现这... »

在 Service Worker 和 Preact 应用程序之间共享代码

我正在使用 preact+redux 构建一个网络应用程序。一些繁重的工作是在服务人员中完成的。作为这个逻辑的一部分,我想从 service worker 生成 redux 操作。如何在应用程序和服务人员之间共享通用操作创建者代码?... »

使用 Preact 和 HTM 程序生成 html 元素

我将 Preact 与 HTM 一起使用(不需要编译器),但在遍历对象并为每个项目创建 DOM 元素时遇到问题。 使用 Preact + HTM 程序生成 DOM 元素的正确方法是什么? import { h, Component, render } from 'https://unpkg.com/preact?module'; import htm from 'https://unpkg.com... »

如何配置 preact 开发服务器使用不同的地址?

默认情况下,标准 preact 设置中的开发服务器在 http://0.0.0.0:8080 或您当前的 IPv4 地址上运行: You can view the application in browser. Local: http://0.0.0.0:8080 On Your Network: http://192.168.2.105:8080 两者都不是很有用。 ... »

Fresh/Deno Twind 配置文件位置

我正在尝试添加backgroundImage: { 'split-white-black': "linear-gradient(to bottom, #111827 60% , white 40%);" }到 tailwind 配置文件,但看不到找到文件或将代码放在 Fresh 框架目录中的位置。 谢谢 :) ... »

Deno,Fresh 框架 - html 模板操作

我最近在玩新的 deno 框架,一切都很棒,但在某个时候,我意识到不可能将任何额外的元数据添加到页面标题标签。基本上我想做两件事: 添加标题标签从我的静态目录链接一些 css 文件 您知道如何实现这一目标吗? 在理想的世界中,我希望能够提供我自己的 html 模板,或者至少有一些灵活的方式来操作提供的固定模板。 我确实在 Fresh 源文件中找到了一些代码 sn-p,它基本上是前面提到的固定 h... »

内置的 Neutralino 应用程序无法打开 localhost?

我有一个非常特殊的问题,我有一个使用 Preact 构建的 Neutralino 应用程序,在使用 neu run 运行时运行良好,但是,一旦我构建项目(打开或关闭 enableServer),构建的应用程序将不加载任何东西。 打开enableServer,它会抱怨无法连接到本地主机: "This localhost page cannot be found" 关闭它会给我一个全白的屏幕/DOM。... »

升级到反应 18 后生产出错

我正在尝试更新此 Next JS Starter https://github.com/timlrx/tailwind-nextjs-starter-blog 中的依赖项 将 react 和 react-dom 升级到 18.0.0 后,开发中一切正常 但在生产中尝试导航到其他页面时。新页面未呈现,此错误正在控制台中记录 TypeError: (0 , h.default.startTransit... »

styled-jsx 内联工作,但不作为模块

我已将 styled-jsx 添加到我的 Preact(使用此 TS template 设置)项目中,并且可以通过 <style> 标记内联样式,没有任何问题,例如: <div> <h1>Hello{name && `, ${name}`}!</h1> <form onSubmit={handle... »

如何将全局 scss 样式添加到 preact 应用程序

我从默认的 preact-cli 模板创建了 preact 模板 添加: "sass": "^1.45.1", "sass-loader": "^10.2.0", 将全局 scss 文件导入 index.js 并且全局样式可以正常工作 import "./style/global.scss"; import App from "./components/app"; export default ... »

Snowpack 找不到导入的模块

我正在使用 Preact 开发一个网站,我正在尝试将浏览器中发出的请求代理到我用作后端的开发服务器。 当我尝试使用 yarn client 运行前端应用程序时,它会出错并通知我尽管安装了 http2-Proxy 模块,但它找不到它。 我的目录结构如下: Website_Root: | package.json | +---dummy-api... »

修复自动生成的 scss 类型定义 (style.d.ts) Preact webpack TypeScript

在 VSCode 中使用带有 Preact 10.x(几乎与 React 相同)和 TypeScript 的 webpack。 在将 Node 从 12 版更新到 14 版后(这可能(?)是问题的原因),*.scss 文件不再自动生成它们各自的类型定义文件。 p> 以前,当我运行webpack --mode development -w 时,任何新的/更改的style.scss 文件都会自动生成/... »

如何在 Preact 中隐藏 API 密钥?

如何在 preact 中隐藏 api 密钥,在 react 中我使用了 .env 文件,但不知道如何在 preact 中执行? index.js?2e9b:8 Uncaught (in promise) ReferenceError: process is not defined at eval (index.js?2e9b:8) at Generator.next (<an... »

将原型转换为 ES6 类

尝试将使用原型编写的 js“类”转换为 ES6 类,新版本可以正常运行,但不会在 DOM 中显示任何内容,而旧版本可以。 类如何工作的细节应该不重要,但是,我正在尝试在 preact 中实现一个自定义 Web 组件。 // common imports for completeness import { h, render, FunctionComponent, VNode } from "pre... »