詳細問題描述

css樣式中設置了背景色的話在H5發行編譯時會報錯，不過在瀏覽器運行編譯時未發生錯誤。

錯誤日志：

[HBuilder] 15:14:32.364 Module build failed (from ./node_modules/postcss-loader/src/index.js):

[HBuilder] 15:14:32.365 TypeError: Cannot read property 'length' of undefined

[HBuilder] 15:14:32.371 at D:\dstproject\meiyu\pages\login\login.vue:183:2

[HBuilder] 15:14:32.371 at module.exports (D:\HBuilderX\plugins\uniapp-cli\node_modules\postcss-value-parser\lib\unit.js:9:22)

[HBuilder] 15:14:32.378 at args.forEach (D:\HBuilderX\plugins\uniapp-cli\node_modules\postcss-minify-gradients\dist\index.js:57:61)

[HBuilder] 15:14:32.379 at Array.forEach ()

[HBuilder] 15:14:32.385 at decl.value.walk.node (D:\HBuilderX\plugins\uniapp-cli\node_modules\postcss-minify-gradients\dist\index.js:52:18)

[HBuilder] 15:14:32.386 at walk (D:\HBuilderX\plugins\uniapp-cli\node_modules\postcss-value-parser\lib\walk.js:7:16)

[HBuilder] 15:14:32.393 at ValueParser.walk (D:\HBuilderX\plugins\uniapp-cli\node_modules\postcss-value-parser\lib\index.js:18:3)

[HBuilder] 15:14:32.394 at optimise (D:\HBuilderX\plugins\uniapp-cli\node_modules\postcss-minify-gradients\dist\index.js:40:64)

[HBuilder] 15:14:32.402 at D:\HBuilderX\plugins\uniapp-cli\node_modules\postcss-loader\node_modules\postcss\lib\container.js:190:18

[HBuilder] 15:14:32.403 at D:\HBuilderX\plugins\uniapp-cli\node_modules\postcss-loader\node_modules\postcss\lib\container.js:135:18

[HBuilder] 15:14:32.412 at Rule.each (D:\HBuilderX\plugins\uniapp-cli\node_modules\postcss-loader\node_modules\postcss\lib\container.js:101:16)

[HBuilder] 15:14:32.413 at Rule.walk (D:\HBuilderX\plugins\uniapp-cli\node_modules\postcss-loader\node_modules\postcss\lib\container.js:131:17)

[HBuilder] 15:14:32.421 at D:\HBuilderX\plugins\uniapp-cli\node_modules\postcss-loader\node_modules\postcss\lib\container.js:148:24

[HBuilder] 15:14:32.422 at Root.each (D:\HBuilderX\plugins\uniapp-cli\node_modules\postcss-loader\node_modules\postcss\lib\container.js:101:16)

[HBuilder] 15:14:32.430 at Root.walk (D:\HBuilderX\plugins\uniapp-cli\node_modules\postcss-loader\node_modules\postcss\lib\container.js:131:17)

[HBuilder] 15:14:32.431 at Root.walkDecls (D:\HBuilderX\plugins\uniapp-cli\node_modules\postcss-loader\node_modules\postcss\lib\container.js:188:19)

[HBuilder] 15:14:32.441 at css (D:\HBuilderX\plugins\uniapp-cli\node_modules\postcss-minify-gradients\dist\index.js:139:23)

[HBuilder] 15:14:32.442 ERROR Build failed with errors.

css代碼：

background: -webkit-gradient(linear, left top, right top, from(#88a1f9), to(#9ac6ff));

background: -o-linear-gradient(left, #88a1f9, #9ac6ff);

background: linear-gradient(to rigth,#88a1f9,#9ac6ff);

[HBuilderx版本號]

2.3.3.20190923

總結

以上是生活随笔為你收集整理的html渐变编织背景,【报Bug】uniapp设置了css渐变背景色编译时会报错的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。