在loveplace里，type: 'custom : color-lite-card'，这个问题该怎么处理

ttt105 · 发表于 7 天前

今天在看https://github.com/bradcrc/color-lite-card/tree/master/tutorial/Lesson-2-Room，这个案例的时候，
打算把color-lite-card.js，这个文件挂在LOVEPLACE里，可以是一直报错，想和各位请教一下怎么处理，
我是小白一名，请大神们给指指路

登录/注册后可看大图

neroxps · 发表于 7 天前

Unknown type encountered: custom : color-lite card

netsnake · 发表于 7 天前

本帖最后由 netsnake 于 2021-1-13 17:35 编辑

需要先安装color-lite card吧？！

Downloadcolor-lite.card.js fromhttps://github.com/bradcrc/color-lite-card
Copy the js file to your config/www/js folder
Add the following line to the resources area near the top of your ui-lovelace.yaml
resources: - url: /local/js/color-lite-card.js type: js

ttt105 · 发表于 6 天前

本帖最后由 ttt105 于 2021-1-14 08:54 编辑

netsnake 发表于 2021-1-13 17:32
需要先安装color-lite card吧？！

JS文件是按项目说明给传到指定目录的，并且是按步骤一步步的做的，
就是到 type : custom : color-lite card这里出错，请大家帮忙给分析一下

登录/注册后可看大图

netsnake · 发表于 6 天前

3.Add the following line to the resources area near the top of your ui-lovelace.yaml
resources: - url: /local/js/color-lite-card.js
type: js

ttt105 · 发表于 6 天前

netsnake 发表于 2021-1-14 16:12
3.Add the following line to the resources area near the top of your ui-lovelace.yaml
resourc ...

这两块内容都已经添进去了，
中间的内容用的实例中的，就是改了一下灯的名称
很奇怪，今天看了一天的官方文档也没有找到问题所在。

1610616890(1).png

ttt105 · 发表于 5 天前

本帖最后由 ttt105 于 2021-1-15 17:39 编辑

找到问题了，需要把'custom : color-lite-card'这个里面的空格全部去掉

，
请大家参考！

看来实例中的代码，还不能简单的复制粘贴，还是得检查一下代码质量

  - type: 'custom:color-lite-card'
    entity: light.fastled_ws2811_light
    tap_action:
      action: none
    image: /local/tutorial/office.png
    style:
      top: 50%
      left: 50%
      width: 100%

		自动登录	找回密码
密码			立即注册

[技术探讨] 在loveplace里，type: 'custom : color-lite-card'，这个问题该怎么处理