ElemeFE / ElemeFE/element

[Bug Report] css编译打包报错

Open
#22,290 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### Element UI version
2.15.12

### OS/Browsers version
mac os 16

### Vue version
2.7.14

### Reproduction Link
https://github.com/ElemeFE/element

### Steps to reproduce
运行编译

### What is Expected?
编译成功

### What is actually happening?
编译失败,
./node_modules/_element-ui@2.15.12@element-ui/lib/theme-chalk/index.css (./node_modules/_css-loader@0.28.3@css-loader??ref--2-1!./node_modules/_postcss-loader@4.0.2@postcss-loader/dist/cjs.js!./node_modules/_sass-loader@8.0.2@sass-loader/dist/cjs.js??ref--2-3!./node_modules/_element-ui@2.15.12@element-ui/lib/theme-chalk/index.css)
Module build failed (from ./node_modules/_sass-loader@8.0.2@sass-loader/dist/cjs.js):
SassError: Invalid CSS after "...ttom:4px;color:": expected expression (e.g. 1px, bold), was "#00073;font-size:14"
on line 2 of /newdata/builds/0b9904e1/0/XiaoeFE/course_admin_fe/node_modules/_element-ui@2.15.12@element-ui/lib/theme-chalk/index.css
>> l-statistic .head{margin-bottom:4px;color:#00073;font-size:14px}.el-statisti
------------------------------------------^
SassError: SassError: Invalid CSS after "...ttom:4px;color:": expected expression (e.g. 1px, bold), was "#00073;font-size:14"
on line 2 of /newdata/builds/0b9904e1/0/XiaoeFE/course_admin_fe/node_modules/_element-ui@2.15.12@element-ui/lib/theme-chalk/index.css
>> l-statistic .head{margin-bottom:4px;color:#00073;font-size:14px}.el-statisti
------------------------------------------^

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the compilation failure described in the issue and inspect node_modules/_element-ui@2.15.12@element-ui/lib/theme-chalk/index.css. Check the SassError around line 2, where color:#00073 is reported, then determine the cause of the invalid CSS and verify that compilation succeeds without the error.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, sass
Domain
build-system, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.