
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎May 26, 2020 12:03 PM
Is there a way at present to debug a custom block on my local while building it?
It would be great if I can such debug error like these with better and more helpful build time error messages.
Solved! Go to Solution.
Accepted Solutions

- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎May 30, 2020 08:29 AM
Thanks @Shaun_Van_Weelden! I figured out that I ended up importing a react component that was using css from a file. Since the blocks design system is css in JS styles. It ended up breaking the build. I am more getting more comfortable with blocks by building more.
Much appreciated :slightly_smiling_face:

- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎May 26, 2020 12:10 PM
@Kasra any leads/direction :grinning_face_with_big_eyes: ?

- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎May 26, 2020 04:21 PM
Hm… usually the error messages are a little more helpful than that!
Two questions:
- What browser are you testing in?
- What do you see if you open the browser’s developer console then reload your block? Is there a helpful error message in there?
Generally you can use the browser developer tools to help debug blocks as you would other web apps. For example, if open the browser tools and write debugger;
in your block’s code, that will act as a breakpoint.

- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎May 26, 2020 06:59 PM
Was going to chime in with the same, I’ve found console.log
ging my way through different parts to be extremely helpful and work the same as any other web app if helpful! :slightly_smiling_face:

- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎May 30, 2020 08:29 AM
Thanks @Shaun_Van_Weelden! I figured out that I ended up importing a react component that was using css from a file. Since the blocks design system is css in JS styles. It ended up breaking the build. I am more getting more comfortable with blocks by building more.
Much appreciated :slightly_smiling_face:
