Freecodecamp: 测试失败:应用视觉设计:使用 hr 元素创建水平线

创建于 2018-07-28  ·  59评论  ·  资料来源: freeCodeCamp/freeCodeCamp

描述您的问题,如果可能的话,如何重现它

测试的第二部分失败,错误地指出“hr 标签应该位于标题和段落之间。” 虽然实际上


标签已按原样放置并显示在结果视图中。

添加指向有问题的页面的链接

https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/create-a-horizo​​ntal-line-using-the-hr-element

告诉我们您的浏览器和操作系统

  • 浏览器名称:Chrome
  • 浏览器版本:版本 67.0.3396.99(官方版本)(64 位)
  • 操作系统:Mac OS

如果可能,请在此处添加屏幕截图

image

最有用的评论

尝试像这样切换<p><em>标签.. 这对我有用..

fix solution

希望它对想要通过此测试的人有所帮助..

所有59条评论

我可以确认我也有这个问题。 在这里的论坛上一直在谈论它 - https://forum.freecodecamp.org/t/create-a-horizo​​ntal-line-using-the-hr-element-is-this-bug/212450/6

好像是最近的问题...

也似乎对于完成此挑战的其他人来说,它仍然适用于他们。

对我来说也是同样的问题。

这里有一个链接
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/create-a-horizo​​ntal-line-using-the-hr-element/

关于浏览器:
浏览器名称:Chrome
浏览器版本:67.0.3396.99(官方版本)(32 位)
操作系统:Windows 10

这是截图
error issues

我面临的类似问题

applied_visual_design__create_a_horizontal_line_using_the_hr_element___learn_freecodecamp

同样在这里,我想知道我是否可以跳过此任务?

同样在这里。

我有同样的问题,使用火狐浏览器。
@yohanisgobai它可以被跳过并进入下一个挑战。

同样的问题,使用 chrome。

我也有同样的问题

我也有同样的问题。 看到我并没有因为这个简单的任务而发疯,这让我感觉好多了。

Chrome 中的相同问题

同样在这里,尝试了无数次,很高兴看到我不是唯一一个。

尝试像这样切换<p><em>标签.. 这对我有用..

fix solution

希望它对想要通过此测试的人有所帮助..

@asheavenist该解决方案对我

@asheavenist该解决方案也对我

. 谢谢

@asheavenist感谢它的工作:+1:

@asheavenist很棒。 有用。

开关工作!

@asheavenist感谢您带来解决方案,而我仍有学习 fcc 的动力

非常感谢! 它奏效了,现在我可以睡觉了。

2018 年 7 月 29 日星期日晚上 9:19,asheavenist通知@github.com
写道:

试着换你


您收到此消息是因为您发表了评论。
直接回复本邮件,在GitHub上查看
https://github.com/freeCodeCamp/freeCodeCamp/issues/17944#issuecomment-408720872
或静音线程
https://github.com/notifications/unsubscribe-auth/AnP_W2VSYM2weLkFR471YxKKkFT17e03ks5uLl8KgaJpZM4Vk-Xj
.

没有为我工作。 首先,我的 em 和 p 的顺序是正确的。

切换“em”标签以包含“p”标签也对我有用

非常感谢, @asheavenist ! 现在我可以继续下一个挑战了。 XD

@asheavenist谢谢兄弟! 乌拉天才💃

我将 em 移到了 p 标签之前,现在一切正常,谢谢

让它通过是一回事,但这真的是意图吗?

用户会被困在这里,当它正确时说它是错误的,这可能会非常令人沮丧。 也许你可以在开始这个挑战时交换默认脚本的标签?

@povilasraciunas我正在尝试解决这个问题。 我预计今晚会找到解决方案。 Atm,我很困惑如何交换 em 和 p 标签可以通过测试,因为这根本不适合正则表达式。 这将是我的第一个拉取请求,并且最近对存储库结构所做的更改(将挑战从 /seed 转移到课程存储库)而不更新贡献说明也让我有些困惑。

@joeslost课程的贡献可以在课程

https://github.com/freeCodeCamp/curriculum/blob/dev/docs/CONTRIBUTING.md

您还会在同一文件夹中找到每个挑战的格式。
即使我不明白改变 em 和 p 是如何解决问题的,因为它与正则表达式不匹配。

嗨,乔,谢谢! 是的,将 em 标签放在外面来制作的“技巧”
测试通过很有趣:)
当然,当我继续应对其他挑战时,这对我来说没什么大不了的,
但仍然想报告它,因为 fcc 真的是这样的好地方
像我这样的初学者,我想至少通过报告错误来做出贡献:)

2018 年 8 月 1 日,星期三,下午 2:06,Joe Andersen通知@github.com
写道:

@povilasraciunas https://github.com/povilasraciunas我正在尝试
解决这个问题。 我预计今晚会找到解决方案。 提款机,我是
很难过交换 em 和 p 标签如何通过测试
根本不适合正则表达式。 这将是我的第一个拉取请求
最近对回购结构的变化(移动挑战
从 /seed 到课程库)而不更新贡献
说明也让我有些困惑。


你收到这个是因为你被提到了。
直接回复本邮件,在GitHub上查看
https://github.com/freeCodeCamp/freeCodeCamp/issues/17944#issuecomment-409536371
或静音线程
https://github.com/notifications/unsubscribe-auth/ANPcbM5Jx7jWBQPIRRo5LuMedKoSgJY1ks5uMYvJgaJpZM4Vk-Xj
.

——
帕加比亚

波维拉斯·拉丘纳斯

@asheavenist好的,感谢一位朋友告诉我研究我的屁股。 我找到了你的帖子,它也有效,所以也感谢你。 #FREECODECAMPFIXPLSILIEKU

惊人的! 对于那些不想跳过良心课程的完成者! 我...

谢谢你,它有效......

现在我觉得我的灵魂可以安宁了

08/06/2018 仍然是一个问题; asheavenist 修复帮助继续前进。 谢谢!

谢谢@asheavenist!

谢谢@asheavenist它有效!

谢谢@asheavenist!

在这个挑战中被困了一个小时,直到我搜索了它!

最后! 谢谢👍 @asheavenist

https://forum.freecodecamp.org/t/bug-in-applied-visual-design-create-a-horizo​​ntal-line-using-the-hr-element/212910/4

上面的帖子把我带到了这里。 绝对令人沮丧,希望它尽快得到修复! FCC 对初学者非常友好,以至于这个自相矛盾的错误使得课程内容难以相信。 话虽如此,这是一个非常好的资源,我只是在这里发表评论来报告我遇到了同样的问题并感到沮丧。

谢谢你所做的一切!

我想为此创建一个 PR,但看起来已经固定在 staging 上,有人可以确认吗?

@goncy 是的,问题已在此处解决: https :

问题仍然存在的原因是 UI 尚未更新为使用最新的课程版本。 它们被分解为单独的组件,UI 需要导入课程才能使用它。 此问题的修复在课程版本 3.1.2 中,而 UI 仍在使用版本 3.1.1。

完全相同的事情仍然发生在我身上。
screen shot 2018-08-19 at 4 43 03 pm

尝试了上面评论中的解决方案,说将 em 标签放在 p 标签之外,它奏效了。 谢谢! :]

谢谢! 切换标签“p”和“em”也对我有用!

我也可以确认解决方法是切换标签“p”和“em”,如下所示:

<h4>Alphabet</h4>      
 <hr>
      <em><p>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</p></em>

尽管正确的解决方案应该如下:

<h4>Alphabet</h4>
<hr>
      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>

是的! 切换标签“p”和“em”正在工作:) 谢谢大家!

也为我切换标签词

.....

谢谢! 切换标签“p”和“em”也对我有用!

很高兴我按照指示:“当你卡住时,记住:阅读-搜索-询问”
阅读文档或错误
搜索谷歌
请求帮忙

搜索谷歌绝对是要走的路!!! 是的

对于未来的访问者,此问题已经解决但尚未部署到生产平台,要通过测试,您只需执行https://github.com/freeCodeCamp/freeCodeCamp/issues/17944#issuecomment -408720872

我认为这个问题可以关闭

@asheavenist谢谢!! 它对我有用

有人怎么知道切换其他标签会解决这个问题? 很高兴这是一个解决方法,我找到了它。 没有什么比在问题列表中有一个不完整的问题更让我烦恼的了

@asheavenist谢谢

@asheavenist - 你介意解释一下你是如何找到这个解决方案的吗?

嘿伙计们想让每个人都知道你做对了,但是你必须用 p 元素切换 em 元素。 我把**买更正,所以你们可以看到。 向下滚动刚刚经过您的


.cardText {
底边距:30px;
}

字母


**

**谷歌由拉里佩奇和谢尔盖布林在他们攻读博士学位期间创立

**

为什么没有人指出“解决方法”是无效的 HTML? 现在有多少新编码员会认为在 em 标签中嵌套 p 标签是完全可以的,因为这里建议_并且_通过了这里的“测试”?

为什么没有人指出“解决方法”是无效的 HTML? 现在有多少新编码员会认为在 em 标签中嵌套 p 标签是完全可以的,因为这里建议_并且_通过了这里的“测试”?

他们正在解决这个问题,请参见此处:
https://github.com/freeCodeCamp/curriculum/pull/189
虽然有效点。

为什么没有人指出“解决方法”是无效的 HTML? 现在有多少新编码员会认为在 em 标签中嵌套 p 标签是完全可以的,因为这里建议_并且_通过了这里的“测试”?

他们正在解决这个问题,请参见此处:
freeCodeCamp/课程#189
虽然有效点。

谢谢你的链接,我错过了那个。 很高兴看到更新。

看起来这个刚刚得到修复。 它现在通过正确的代码传递给我。 :)

有人可以关闭这个问题,因为它已经修复了吗?

此页面是否有帮助?
0 / 5 - 0 等级