Got an error from HTML/CSS course part 3

HTML/CSS
1

tree.render is not a function
tree.render is not a function1023Ă—674 76.2 KB

I am experiencing this problem as I am following the steps in HTML/CSS course part 3, lesson 42 Building for Production. On the first try, I wrote parcel build index.html then this error was shown and an incomplete dist file was produced. I removed the dist file and wrote parcel build index.html in the terminal again. This error is shown again but now nothing was produced in the dist file. I have no idea what is going on. Please help me. Thanks!

1 Like
2

What is the code of tree.render?

1 Like
3

Same issue here…
And I can’t find any code relating to tree.render…

1 Like
4

Is tree.render part of an installed npm module? See package.json.

I have not done this course so can’t help much.

5

I got the same issue. Have you fixed it?

1 Like
6

I ran into the same problem but fortunately, I found a solution to this problem. The problem was parcel was not able to minify SVG files. The way I solved it was by creating a .htmlnanorc file and adding { “minifySvg”: false }``` into it then build index.html with parcel

3 Likes
7

Do you mean by creating via terminal or just create a new file in the main folder?

8

It worked for me too. Thank you so much.

9

I tried creating the new file in the main folder,
but when I run parcel build index.html, there was nothing in the dist folder…

10

Thanks a lot alee. This helped me too

11
12

I ended up with that problem, I think it was just 1 SVG file that caused the problem, I ended up removing it from the SVG code and uploading it from the zip into the images folder.