unable to use vhtml in vite
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 25/100
- Issue 类型
- 文档
- 描述清晰度
- 需要澄清
- 活跃度
- 停滞
- 技术栈
- javascript, vite
- 领域
- build-system, frontend
调研方向
从 main.js 中展示的 Vite vanilla JavaScript 入口和 src/counter 示例开始，然后将其与 vhtml 的配置要求进行比较。使用提供的 HTML 入口验证设置，并确认 JSX 示例能够构建并渲染 Counter 组件。
由索引模型根据 Issue 内容生成。
描述
I tried to configure vhtml in vite's vanilla javascript template but I'm unable to implement it. Please guide me on how to configure it.
main.js
------
/** @jsx vhtml */
import { Counter } from "./src/counter";
document.body.innerHTML = (
<main>
<Counter/>
</main>
);
/** @jsx vhtml */
export function Counter() {
let count = 0;
return (
<section>
<h1>Click button</h1>
<button onClick={() => count++}>Click me</button>
</section>
);
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="./main.jsx"></script>
</body>
</html>
- 主要语言
- JavaScript
- 星标
- 814
- 派生
- 37
- PR 合并指标
- 30 天内没有已合并 PR
贡献指南
这个仓库没有索引到贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
developit/vhtml 的其他 Issue
-
Maintenance 未关闭
难度 5/5 一周以上 新手友好度 10/100
-
难度 2/5 1-3 小时 新手友好度 20/100
-
难度 5/5 一周以上 新手友好度 25/100
-
难度 3/5 1-2 天 新手友好度 38/100
-
难度 3/5 1-2 天 新手友好度 38/100
相似的 Issue
-
awaiting triage bug Causes friction Hop Gui P1 P2 Transforms
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 70/100
georgestephanis/p2026#40 ·
-
难度 2/5 1-3 小时 新手友好度 75/100
Margaret-Petersen/food-delivery-app-clone-react-native#1981 ·