Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Support inline compilation errors

未关闭
#41 0 条评论 1 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
5/5
预计耗时
一周以上
新手友好度
35/100
Issue 类型
功能
描述清晰度
基本清楚
活跃度
停滞
技术栈
react, typescript
领域
frontend

调研方向

首先定位 LiveEditor 和 LiveError 组件,并查看链接的 React 和 reactjs.org issue 以了解上下文。定义提议的 errors prop 如何将消息映射到 inline 位置,并在实现前确认预期的 UI;完成的标准是 LiveEditor 能够使用文档中规定的结构显示与编译器无关的 inline 错误。

由索引模型根据 Issue 内容生成。

描述

enhancement

The LiveError component is useful for displaying compilation errors. But the LiveEditor component could be even more useful if it showed inline errors. For example:

Current UI
screen shot 2017-10-05 at 6 03 58 pm
Potential UI
screen shot 2017-10-05 at 6 03 46 pm

This support could probably be added in such a way that is not dependent on a specific compiler/toolchain. For example, LiveEditor could expose an additional prop errors that looked something like this:

type errors = Array<{
  message: string,
  rowNumber: number,
  columnNumber?: number
}>

This issue is just being opened for discussion and is a follow-up from facebook/react/issues/11094 and reactjs/reactjs.org/issues/10

主要语言
TypeScript
星标
4.6k
派生
260
平均合并
6 天 18 小时
30 天内合并 PR
1

贡献指南

打开贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

FormidableLabs/react-live 的其他 Issue

查看 FormidableLabs/react-live 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。