# Needing help with using \`devtools\` in browser. I know this is off topic for Node-Red

**URL:** <https://discourse.nodered.org/t/needing-help-with-using-devtools-in-browser-i-know-this-is-off-topic-for-node-red/27161>\
**Category:** General\
**Created:** [23 May 2020 21:45 UTC](https://discourse.nodered.org/t/needing-help-with-using-devtools-in-browser-i-know-this-is-off-topic-for-node-red/27161 "2020-05-23T21:45:52Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [23 May 2020 21:45 UTC](https://discourse.nodered.org/t/needing-help-with-using-devtools-in-browser-i-know-this-is-off-topic-for-node-red/27161/1 "2020-05-23T21:45:52Z")

</div>

I am asking here so the _environment_ is known. Node-Red.

I have been told many times to use it and am learning/playing with it.

I am very much on my `L` plates with what it is showing me and what it means.

But I am seeing this if I open `devtools` and click on console and select `CSS`.

`Expected declaration but found ‘{’. Skipped to next declaration. ui:2:14 Elements matching selector: div.led_`

The only thing I can understand is the `led_` part.

But does that mean it is the `ui.led` node causing the problem?

Opening up the _tree_ I just get swamped with stuff that are levels above what I can understand.

For the sake of me _trying to learn_ what is going on, is anyone feeling helpful to help me find what is going on with this?

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [23 May 2020 22:01 UTC](https://discourse.nodered.org/t/needing-help-with-using-devtools-in-browser-i-know-this-is-off-topic-for-node-red/27161/2 "2020-05-23T22:01:24Z")

</div>

> [@Trying\_to\_learn](#):
>
> Expected declaration but found ‘{’. Skipped to next declaration. ui:2:14 Elements matching selector: div.led\_

you have some badly formatted CSS somewhere.

you're possibly gonna have to search the source for `div.led_` and look at the source.

check you have no style without a selector e.g...

```css
{ 
  color:red;
}

```

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [23 May 2020 22:08 UTC](https://discourse.nodered.org/t/needing-help-with-using-devtools-in-browser-i-know-this-is-off-topic-for-node-red/27161/3 "2020-05-23T22:08:38Z")

</div>

Ok. Thanks, I think.

So this `ui:2:14` part.

I move the mouse over it and it says something about view source style editor (blah blah)

I click on that and select `{style}` and I see this:

 ![Screenshot from 2020-05-24 08-05-40](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/f/8f48a434eb2717adeb279273485ae98d3f43c448.png)

Yes, I selected `sheet`.

So does the `ui:2:14` mean style sheet 2 line 14? Could it be that easy?

If it is (probably not) it is again above my language skill set.

--

Searching the code:  
As in export the flow and load it into something and search for `dev.led_`?

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [23 May 2020 22:13 UTC](https://discourse.nodered.org/t/needing-help-with-using-devtools-in-browser-i-know-this-is-off-topic-for-node-red/27161/4 "2020-05-23T22:13:08Z")

</div>

> [@Trying\_to\_learn](#):
>
> So does the `ui:2:14` mean style sheet 2 line 14? Could it be that easy?

Normally its file:line:column - but I'm not familiar with firefox devtools

> [@Trying\_to\_learn](#):
>
> As in export the flow and load it into something and search for `dev.led_` ?

no the web source (inspector in your case) - but it might not be in the source, it might be in an include.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [23 May 2020 22:14 UTC](https://discourse.nodered.org/t/needing-help-with-using-devtools-in-browser-i-know-this-is-off-topic-for-node-red/27161/5 "2020-05-23T22:14:45Z")

</div>

file:line:column.....

Wowsers.

Given that is true, what is the `file`? (line and column too)

I can do it in chrome if you like.

Just did that, and can't find the `CSS` equivalent to see those _errors_. ☹

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [22 July 2020 22:26 UTC](https://discourse.nodered.org/t/needing-help-with-using-devtools-in-browser-i-know-this-is-off-topic-for-node-red/27161/6 "2020-07-22T22:26:21Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.