lentoo / taro-skeleton Goto Github PK

2.0.2 正常

正常使用, 报错,麻烦作者能看看,
Taro版本 2.2.11
no such file or directory, open 'E:\xxx\node_modules_taro-skeleton@2.0.3@taro-skeleton\dist\react'

npm 报错了

垂直排列需求

补充一点, 由于上面不支持垂直排列, 手动覆盖样式引出下面的问题, h5 正常

• 在 page 目录覆盖组件样式,在小程序上受限导致无效, 可以通过添加 addGlobalClass

static options = {
  addGlobalClass: true
}

taro3.5.5版本Skeleton loading设置true时报错

我在项目中使用时大致遇到这集中情况：

1. 目前来看使用情形比较少。例如多列不包含avater展示等支持
2. 不少样式固定的，比如avater的margin值固定，多列布局的情况导致不能居中对齐

这写问题还是比较重要的，可以考虑下

在Skeleton中写了swiper轮播，swiperItem标签上的position：absolute属性消失了导致后续图片都无法正常显示

@taro3.0版本 准备适配吗？

可以自定义形状和颜色吗

tarojs/components版本：1.3.27
taro-skeleton版本：1.0.12
windows版本：Window 7
编译目标平台：H5

【问题】：
row-width/row-height/title-width/avatar-size/avatar-shape这些属性设置无效，但是其余的属性特别是rowProps设置width和height是没有问题的。

【复现步骤】：
1、导入taro-skeleton：

2、使用嵌套子组件的方式使用taro-skeleton：

3、修改保存以后即可看到如下图所示的样子：

4、将row-width属性替换成rowProps：

5、修改保存以后即可看到如下图所示的样子：

使用的vue方法写的taro，在项目之中使用该插件不生效。请问是否有vue版本的该插件可以使用，或者说，是支持vue 的，只是我不会正确的操作？

你好，我使用TypeScript会报的警告，有什么办法解决吗

cnpm install taro-skeleton 后，cnpm run dev:weapp 提示npm不存在taro-skeleton，但是 node_modules 存在taro-skeleton 文件夹

直接npm install 报错。 没法使用。。项目框架采用的JSX 。 您这个是TS 的 有办法适配吗

Taro 使用的是vite+vue3+ts 使用不生效

Uncaught (in promise) TypeError: Super expression must either be null or a function at _inherits (_index.mjs?7f0e:4) at eval (index.js?55c0:7) at eval (index.js?55c0:7) at Module../node_modules/taro-skeleton/dist/h5/components/Skeleton/index.js (0.js:148)
已经在config文件中配置
h5: { esnextModules: ['taro-skeleton'] }
小程序端使用正常, taro版本3.2.0-canary.3

你好，

组件很好使，可是无法自定义样式，希望可以给一个入口。

                                                                                             谢谢！

设置了这些属性 但是没有显示占位 loading 初始是true 版本是：taro-skeleton": "^1.1.4

请问是还需要设置什么属性吗

TypeError: Super expression must either be null or a function

啥都没干，页面上就加了两行
import Skeleton from 'taro-skeleton'
Skeleton title row={3} />

编译就报错，怀疑是不是需要安装一下
cnpm install -s taro-skeleton
然后又编译了一次
还是报错

如图：

当我把源码拷出来放到自己项目中引用就正常转换了

如何处理？

TypeError: (0 , tarojs_shared__WEBPACK_IMPORTED_MODULE_1_.isWebPlatform) is not a function
at Module../node_modules/@tarojs/api/dist/index.esm.js (.._src_env.js:16)
at webpack_require (webpack_bootstrap:19)
at Object../node_modules/taro-skeleton/node_modules/@tarojs/taro/index.js (.node_modules_taro-skeleton_node_modules@tarojs_taro_index.js:1)
at webpack_require (webpack_bootstrap:19)
at ._src_pages_personal_water_index.tsx:400
at Object../node_modules/taro-skeleton/dist/index.umd.js (._src_pages_personal_water_index.tsx:400)
at webpack_require (webpack_bootstrap:19)
at Object../node_modules/babel-loader/lib/index.js??ruleSet[1].rules[5].use[0]!./node_modules/taro-inject-component-loader/dist/index.js??ruleSet[1].rules[11].use[0]!./src/pages/personal/water/index.tsx (index.js:22)
at webpack_require (webpack_bootstrap:19)
at Object../src/pages/personal/water/index.tsx (._src_pages_personal_water_components_index.ts:1)(env: macOS,mp,1.06.2303220; lib: 2.23.3)
(anonymous) @ VM6797:11
evaluateRes @ VM16 asdebug.js:1
(anonymous) @ VM16 asdebug.js:1
invoke @ VM16 asdebug.js:1
r @ VM16 asdebug.js:1
k @ VM6667 WAService.js:2
batchInjectComponents @ VM6667 WAService.js:2
injectComponentsRecursively @ VM6667 WAService.js:2
va @ VM6667 WAService.js:2
create @ VM6667 WAService.js:2
jt @ VM6667 WAService.js:2
(anonymous) @ VM6667 WAService.js:2
zt @ VM6667 WAService.js:2
(anonymous) @ VM6667 WAService.js:2
(anonymous) @ VM6667 WAService.js:2
ee.emit @ VM6667 WAService.js:2
emit @ VM6667 WAService.js:2
(anonymous) @ VM6667 WAService.js:2
ee.emit @ VM6667 WAService.js:2
emit @ VM6667 WAService.js:2
(anonymous) @ VM6667 WAService.js:2
(anonymous) @ VM6667 WAService.js:2
c @ VM16 asdebug.js:1
d @ VM16 asdebug.js:1
(anonymous) @ VM16 asdebug.js:1
g @ VM16 asdebug.js:1
f @ VM16 asdebug.js:1
(anonymous) @ VM16 asdebug.js:1
ws.onmessage @ VM16 asdebug.js:1
VM6667 WAService.js:2 TypeError: (0 , tarojs_shared__WEBPACK_IMPORTED_MODULE_1.isWebPlatform) is not a function
at Module../node_modules/@tarojs/api/dist/index.esm.js (.._src_env.js:16)
at webpack_require (webpack_bootstrap:19)
at Object../node_modules/taro-skeleton/node_modules/@tarojs/taro/index.js (.node_modules_taro-skeleton_node_modules@tarojs_taro_index.js:1)
at webpack_require (webpack_bootstrap:19)
at ._src_pages_personal_water_index.tsx:400
at Object../node_modules/taro-skeleton/dist/index.umd.js (._src_pages_personal_water_index.tsx:400)
at webpack_require (webpack_bootstrap:19)
at Object../node_modules/babel-loader/lib/index.js??ruleSet[1].rules[5].use[0]!./node_modules/taro-inject-component-loader/dist/index.js??ruleSet[1].rules[11].use[0]!./src/pages/personal/water/index.tsx (index.js:22)
at webpack_require (webpack_bootstrap:19)
at Object../src/pages/personal/water/index.tsx (._src_pages_personal_water_components_index.ts:1)(env: macOS,mp,1.06.2303220; lib: 2.23.3)
errorReport @ VM6667 WAService.js:2
thirdErrorReport @ VM6667 WAService.js:2
(anonymous) @ VM6667 WAService.js:2
c @ VM6667 WAService.js:2
a @ VM6667 WAService.js:2
c @ VM16 asdebug.js:1
r @ VM16 asdebug.js:1
window.onerror @ VM6657:9
evaluateRes @ VM16 asdebug.js:1
(anonymous) @ VM16 asdebug.js:1
invoke @ VM16 asdebug.js:1
r @ VM16 asdebug.js:1
k @ VM6667 WAService.js:2
batchInjectComponents @ VM6667 WAService.js:2
injectComponentsRecursively @ VM6667 WAService.js:2
va @ VM6667 WAService.js:2
create @ VM6667 WAService.js:2
jt @ VM6667 WAService.js:2
(anonymous) @ VM6667 WAService.js:2
zt @ VM6667 WAService.js:2
(anonymous) @ VM6667 WAService.js:2
(anonymous) @ VM6667 WAService.js:2
ee.emit @ VM6667 WAService.js:2
emit @ VM6667 WAService.js:2
(anonymous) @ VM6667 WAService.js:2
ee.emit @ VM6667 WAService.js:2
emit @ VM6667 WAService.js:2
(anonymous) @ VM6667 WAService.js:2
(anonymous) @ VM6667 WAService.js:2
c @ VM16 asdebug.js:1
d @ VM16 asdebug.js:1
(anonymous) @ VM16 asdebug.js:1
g @ VM16 asdebug.js:1
f @ VM16 asdebug.js:1
(anonymous) @ VM16 asdebug.js:1
ws.onmessage @ VM16 asdebug.js:1
error (async)
t.default @ VM6657:9
(anonymous) @ VM6657:9
(anonymous) @ VM6657:9
(anonymous) @ VM6657:9
Show 6 more frames
VM6667 WAService.js:2 TypeError: (0 , tarojs_shared__WEBPACK_IMPORTED_MODULE_1.isWebPlatform) is not a function
at Module../node_modules/@tarojs/api/dist/index.esm.js (.._src_env.js:16)
at webpack_require (webpack_bootstrap:19)
at Object../node_modules/taro-skeleton/node_modules/@tarojs/taro/index.js (.node_modules_taro-skeleton_node_modules@tarojs_taro_index.js:1)
at webpack_require (webpack_bootstrap:19)
at ._src_pages_personal_water_index.tsx:400
at Object../node_modules/taro-skeleton/dist/index.umd.js (._src_pages_personal_water_index.tsx:400)
at webpack_require (webpack_bootstrap:19)
at Object../node_modules/babel-loader/lib/index.js??ruleSet[1].rules[5].use[0]!./node_modules/taro-inject-component-loader/dist/index.js??ruleSet[1].rules[11].use[0]!./src/pages/personal/water/index.tsx (index.js:22)
at webpack_require (webpack_bootstrap:19)
at Object../src/pages/personal/water/index.tsx (._src_pages_personal_water_components_index.ts:1)(env: macOS,mp,1.06.2303220; lib: 2.23.3)

能否提供一个可定制的长宽高的矩形占位图？
用来加载图片或者一个大块内容

大家好。 有一个疑惑

<Skeleton title loading={true} row={1} />
    <Image onload={xxx}></Image>
</Skeleton>

这是一个图片骨架，当 loading = true的时候，图片不会加载。

期望的效果是，当loading= true 时，图片能够加载，在图片 onload时，更改 loading=false，显示图片。
请问这个能实现吗。