鸿蒙第二课笔记_鸿蒙容器组件

P4:鸿蒙2.x系统应用开发 前端基础入门教程-12集全完结_哔哩哔哩_bilibili

先介绍了鸿蒙的组件类型：

有基本组件（text,image,progress,rating,span,marquee等等）

容器组件（div,list,list-item,swiper,tabs等等）

媒体组件（video)

画布组件(canvas)

然后向我们讲解了chart组件，我们可以跟着视频尝试一下，还是很有趣的。不过我们在尝试的时候要注意视频中老师强调的几个点，

1. 预览页面时，务必要注意打开当前需要预览的页面文件夹下 hml、css、js 任意一个文件。
2. 切换页面进行预览，不需要重新启动预览器，直接点击右上角刷新按钮即可，出现错误提示。
3. pages.chart 文件夹下面的 hml、css、js 文件必须命名为 index，否则的话会出现预览错误
4. 出现预览错误修改后，刷新无效，必须重新启动预览器才能正常显示，点击右侧收起再展开即可。
5. 图片路径引用失败不会出现文件查找失败错误提示，建议使用绝对路径进行文件路径编码，官方文档介绍在输出 hap 文件后，真机会因为 webpack 打包解析出现找不到文件的问题，不过模拟器是正常的。

6. ES6 Model 数据文件 import 导入只能使用相对路径，不能使用绝对路径，使用绝对路径会报错。

7. 使用模拟器进行模拟的时候&#x