Typescript error in package element

Questions
,
1

This image shows the code for a web component called "LiveBoxesViewElement" in a dark-themed code editor, which extends from "UmbLitElement", renders an HTML section with a "Live Boxes" headline and styles it with a block display and padding. (Captioned by AI)
This image shows the code for a web component called "LiveBoxesViewElement" in a dark-themed code editor, which extends from "UmbLitElement", renders an HTML section with a "Live Boxes" headline and styles it with a block display and padding. (Captioned by AI)883×548 32.7 KB

Hi! I am trying to follow Section View | Umbraco CMS to create my custom view in a local package.

As you can see in attached image I get a few squiggly errors due to missing imports etc.

Do I have to add some extension or install some npm package or something to make this work?
Or should I just ignore the errors and it will work anyway?

2

Yeah, you do need an NPM package for this to work. Have you already done this? npm install -D @umbraco-cms/backoffice

1 Like
3

Nope. Did not see an instruction about that. Shoudl I do it in the project root, or in the App_plugins or package folder?

4

I will recommend you set up your project using Lotte’s Opinionated Package Starter, which will make it a lot easier to know where you should be doing things like this:

If you were using this template then you’re do it where the package.json file lives, which would be in the Client folder.

You can see an example of this template as it was set up for this package (which is not a serious package, but good to be able to understand the structure):

2 Likes