Embed Notice

HTML Code

<blockquote style="position: relative; padding-left: 55px;"><section><a href="https://mastodon.ar.al/users/aral/statuses/113873269604685769">Aral Balkan (aral@mastodon.ar.al)'s status on Thursday, 23-Jan-2025 02:52:06 JST</a><a href="https://mastodon.ar.al/@aral" title="aral@mastodon.ar.al"><img src="https://gnusocial.jp/theme/gnusocialjp/default-avatar-stream.png" width="48" height="48" alt="Aral Balkan" style="position: absolute; left: 0; top: 0;">Aral Balkan</a><div><a href="https://mastodon.ar.al/@aral/113871676835684968" rel="in-reply-to">in reply to</a></div></section><article><p>Adding more beautiful error messages to Kitten. These should help make it easier to recover from common errors while authoring.</p><p><a href="https://kitten.small-web.org" rel="nofollow noreferrer">https://kitten.small-web.org</a></p><p><a href="https://mastodon.ar.al/tags/Kitten" rel="tag">#Kitten</a> <a href="https://mastodon.ar.al/tags/errorMessages" rel="tag">#errorMessages</a> <a href="https://mastodon.ar.al/tags/design" rel="tag">#design</a> <a href="https://mastodon.ar.al/tags/usability" rel="tag">#usability</a> <a href="https://mastodon.ar.al/tags/authoring" rel="tag">#authoring</a> <a href="https://mastodon.ar.al/tags/SmallWeb" rel="tag">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" rel="tag">#SmallTech</a> <a href="https://mastodon.ar.al/tags/HTML" rel="tag">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" rel="tag">#CSS</a> <a href="https://mastodon.ar.al/tags/JavaScript" rel="tag">#JavaScript</a> <a href="https://mastodon.ar.al/tags/NodeJS" rel="tag">#NodeJS</a> <a href="https://mastodon.ar.al/tags/server" rel="tag">#server</a> <a href="https://mastodon.ar.al/tags/framework" rel="tag">#framework</a> <a href="https://mastodon.ar.al/tags/platform" rel="tag">#platform</a> <a href="https://mastodon.ar.al/tags/web" rel="tag">#web</a> <a href="https://mastodon.ar.al/tags/dev" rel="tag">#dev</a></p></article><footer><a rel="bookmark" href="https://gnusocial.jp/conversation/4419934#notice-8659498">In conversation</a><time datetime="2025-01-23T02:52:06+09:00" title="Thursday, 23-Jan-2025 02:52:06 JST">about 8 days ago</time> <span>from <span><a href="https://mastodon.ar.al/@aral/113873269604685769" rel="external" title="Sent from mastodon.ar.al via ActivityPub">mastodon.ar.al</a></span></span><a href="https://mastodon.ar.al/@aral/113873269604685769">permalink</a><h4>Attachments</h4><ol><li><label><a rel="external" href="https://gnusocial.jp/attachment/3987360">Screenshot of Kitten error page with cute illustration of a grey kitten with pink ears and nose playing with a purple ball of yarn followed by the error message:500
Error: Attempt to instantiate kitten.Component in markup without calling its connectedTo() static factory method:
In your kitten.html``, replace:&lt;{Uptime} /&gt;With:&lt;{Uptime.connectedTo(this)} /&gt;Finally, there’s a partial view of a stack trace that scrolls off the page.</a></label><br><a href="https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/113/873/269/413/045/476/original/7a220b32d9e246e7.png" rel="external">https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/113/873/269/413/045/476/original/7a220b32d9e246e7.png</a></li></ol></footer></blockquote>

Corresponding Notice

Embed this notice
Aral Balkan (aral@mastodon.ar.al)'s status on Thursday, 23-Jan-2025 02:52:06 JST Aral Balkan
in reply to
Adding more beautiful error messages to Kitten. These should help make it easier to recover from common errors while authoring.
https://kitten.small-web.org
#Kitten #errorMessages #design #usability #authoring #SmallWeb #SmallTech #HTML #CSS #JavaScript #NodeJS #server #framework #platform #web #dev
In conversationabout 8 days ago from mastodon.ar.alpermalink
Attachments
1. Screenshot of Kitten error page with cute illustration of a grey kitten with pink ears and nose playing with a purple ball of yarn followed by the error message: 500 Error: Attempt to instantiate kitten.Component in markup without calling its connectedTo() static factory method: In your kitten.html``, replace: <{Uptime} /> With: <{Uptime.connectedTo(this)} /> Finally, there’s a partial view of a stack trace that scrolls off the page.
  https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/113/873/269/413/045/476/original/7a220b32d9e246e7.png

Public

Embed Notice

HTML Code

Corresponding Notice