jdf2e / nutui-react

京东风格的移动端 React 组件库 、支持多端小程序(A React UI Toolkit for Mobile Web)
https://nutui.jd.com/react/
914 stars 262 forks source link

Taro 4.0.5 使用nutui开发H5项目使用UI组件后提示 Warning: Unsupported style property -webkitMask. Did you mean WebkitMask? #2610

Open wangjunjun0212 opened 1 month ago

wangjunjun0212 commented 1 month ago

NutUI React 包名

@nutui/nutui-react-taro

NutUI React 版本号

2.6.14

平台

h5

重现链接

https://github.com/wangjunjun0212/taro-.git

重现步骤

import React, { useState } from 'react' import { View } from '@tarojs/components' import { ConfigProvider, FixedNav } from '@nutui/nutui-react-taro' import './index.scss' const Index = () => { const list = [ { id: 1, text: '首页', icon: 'https://img11.360buyimg.com/imagetools/jfs/t1/117646/2/11112/1297/5ef83e95E81d77f05/daf8e3b1c81e3c98.png', }, { id: 2, text: '分类', icon: 'https://img12.360buyimg.com/imagetools/jfs/t1/119490/8/9568/1798/5ef83e95E968c69a6/dd029326f7d5042e.png', }, { id: 3, text: '购物车', num: 2, icon: 'https://img14.360buyimg.com/imagetools/jfs/t1/130725/4/3157/1704/5ef83e95Eb976644f/b36c6cfc1cc1a99d.png', }, { id: 4, text: '我的', icon: 'https://img12.360buyimg.com/imagetools/jfs/t1/147573/29/1603/1721/5ef83e94E1393a678/5ddf1695ec989373.png', }, ] const [visible, setVisible] = useState(false) const change = (value) => { setVisible(value) } const selected = ( item, event ) => { console.log(item, event) } return (

首页

) }

export default Index

期望的结果是什么?

浏览器控制台正常

实际的结果是什么?

react-dom.development.js:86 Warning: Unsupported style property -webkitMask. Did you mean WebkitMask? at i at y2 at j5 at div at div at FixedNav (http://192.168.3.24:2024/@fs/D:/work/Project/User/chargeApp/node_modules/.vite/deps/@nutui_nutui-react-taro.js?v=489b43a8:4551:22) at taro-view-core at ReactComponent (http://192.168.3.24:2024/@fs/D:/work/Project/User/chargeApp/node_modules/.vite/deps/chunk-VL2AZADA.js?v=489b43a8:312:7) at TaroViewCore at Index (http://192.168.3.24:2024/pages/login/index.jsx:47:33) at div at PageWrapper (http://192.168.3.24:2024/@fs/D:/work/Project/User/chargeApp/node_modules/.vite/deps/chunk-5KPYFE7G.js?v=489b43a8:233:9) at App (http://192.168.3.24:2024/app.js:7:3) at AppWrapper (http://192.168.3.24:2024/@fs/D:/work/Project/User/chargeApp/node_modules/.vite/deps/chunk-5KPYFE7G.js?v=489b43a8:301:7)

环境信息

Taro v4.0.5

Taro CLI 4.0.5 environment info: System: OS: Windows 10 10.0.19045 Binaries: Node: 18.16.0 - C:\Program Files\nodejs\node.EXE Yarn: 1.22.22 - C:\Program Files\nodejs\yarn.CMD npm: 9.5.1 - C:\Program Files\nodejs\npm.CMD
npmPackages: @tarojs/cli: 4.0.5 => 4.0.5 @tarojs/components: 4.0.5 => 4.0.5 @tarojs/helper: 4.0.5 => 4.0.5 @tarojs/plugin-framework-react: 4.0.5 => 4.0.5 @tarojs/plugin-html: 4.0.5 => 4.0.5 @tarojs/plugin-platform-alipay: 4.0.5 => 4.0.5 @tarojs/plugin-platform-h5: 4.0.5 => 4.0.5 @tarojs/plugin-platform-jd: 4.0.5 => 4.0.5 @tarojs/plugin-platform-qq: 4.0.5 => 4.0.5 @tarojs/plugin-platform-swan: 4.0.5 => 4.0.5 @tarojs/plugin-platform-tt: 4.0.5 => 4.0.5 @tarojs/plugin-platform-weapp: 4.0.5 => 4.0.5 @tarojs/react: 4.0.5 => 4.0.5 @tarojs/runtime: 4.0.5 => 4.0.5 @tarojs/shared: 4.0.5 => 4.0.5 @tarojs/taro: 4.0.5 => 4.0.5 @tarojs/vite-runner: 4.0.5 => 4.0.5 babel-preset-taro: 4.0.5 => 4.0.5 eslint-config-taro: 4.0.5 => 4.0.5 react: ^18.0.0 => 18.3.1

其他补充信息

No response

limuen commented 1 month ago

+1

nieyunliang commented 1 month ago

你们用的vite还是webpack呢? 我用vite然后组件没有样式 image

wangyuan0108 commented 1 month ago

据说nutui还没有全面适配taro4,有组件有bug很正常

TuringZhu commented 1 month ago

+1 。

  1. 微信小程序没有样式(TabBar)
  2. h5中提示webkitMask错误