这几个编译错误和WARN怎么解决

jinwyp

项目运行 npm run watch 出现一下错误

[ERRO] /Users/wangyp/Documents/lianshang/quick-app-wg/src/components/ShortcutButton ERROR: 根节点 `div` 不能使用属性 `show` @1:1

[WARN] 您当前使用了 path 似乎是 node 原生模块, 快应用不是 node 环境不支持 node 原生模块

[WARN] /Users/wangyp/Documents/lianshang/quick-app-wg/src/components/WGList WARNING: 属性 `animation-duration` 不支持单位 `s`, 自动转换为 `ms` @160:3

[ERRO] /Users/wangyp/Documents/lianshang/quick-app-wg/src/components/Loading ERROR: 根节点 `div` 不能使用属性 `show` @1:1

[ERRO] /Users/wangyp/Documents/lianshang/quick-app-wg/src/components/VideoPoster ERROR: 根节点 `div` 不能使用属性 `show` @1:1

[WARN] /Users/wangyp/Documents/lianshang/quick-app-wg/src/components/VideoPoster WARN: 选择器 `.video-icon-wrapper` 已经存在，后者合并前者 @94:1

[ERRO] /Users/wangyp/Documents/lianshang/quick-app-wg/src/components/FeedTags ERROR: 根节点 `div` 不能使用属性 `show` @1:1

[ERRO] /Users/wangyp/Documents/lianshang/quick-app-wg/src/components/VideoIcon ERROR: 根节点 `div` 不能使用属性 `show` @1:1

问题1 : 根节点不能使用show? 例如 这种show 不行吗? 那还是有其他方法使用show吗?

1. <template>
2. <div
3. show="{{actualVisible}}"
4. class="loading {{mode === 'dark' ? 'loading-mode-dark' : ''}} {{!visible ? 'fade-out' : ''}}"
5. >
6. <progress type="circular"></progress>
7. <text class="loading-text">{{ text }}</text>
8. </div>
9. </template>

复制代码

问题2 : animation-duration 不支持单位 s 文档写的支持啊 怎么还报错WARN? https://doc.quickapp.cn/widgets/animation-styles.html 文档写的支持秒s啊

1. .icon {
2. width: 50px;
3. height: 250px;
4. resize-mode: contain;
5. animation-name: guide;
6. animation-duration: 1.6s;
7. animation-iteration-count: infinite;
8. }

复制代码

问题3 : `.video-icon-wrapper` 已经存在，后者合并前者 @94:1 样式写成这样下面组合形式 就是报 WARN, 这个WARN 很奇怪,怎么去掉WARN ,可以设置吗?

1. .video-poster-container,
2. .video-poster-wrapper,
3. .video-poster,
4. .video-icon-wrapper {
5. width: 100%;
6. height: 100%;
7. }
9. .video-icon-wrapper {
10. justify-content: center;
11. align-items: center;
12. }

复制代码

hiApp

1，再包一层div。 2，支持s。 3，确实已经存在两个.video-icon-wrapper

jinwyp

问题2 支持s 秒 但WARN怎么能去掉? 有没有设置选项关闭某个WARN