problem description
failed to report an error
the environmental background of the problems and what methods you have tried
vue-cli scaffolding environment
related codes
/ / Please paste the code text below (do not replace the code with pictures)
< template >
< header >
<h1>This is Header !</h1>
<div class="tab-list">
<div class="tab-item">
<router-link to="/goods"></router-link>
</div>
<div class="tab-item">
<router-link to="/estimate"></router-link>
</div>
<div class="tab-item">
<router-link to="/seller"></router-link>
</div>
</div> < / header >
< / template >
< script >
export default {
name: "Header"}
< / script >
< style scoped lang= "stylus" rel= "stylesheet/stylus" >
H1
background: rgba(0,0,0,0.6)
color: -sharpfff
.tab-list
display: flex
.tab-item
flex: 1
color: rgb(77,85,93)
height: 40px
line-height: 40px
font-size: 14px
& > a
width:100%
display: block
&.router-link-active
color: -sharpfe4437
< / style >
what result do you expect? What is the error message actually seen?
7 building modules 8 active 10 modules 2 active. Sell / src/components/header/Header.vueCssSyntaxError {
name: "CssSyntaxError",
reason:" Missed semicolon",
file:
"/ Users/huangning/Desktop/sell/src/components/header/src/components/header/Header.vue",
source:
"< template > n < header > n < H1 > This is Header! < / H1 > n < div class= "tab-list" > n < div class= "tab-item" > n < router-link to= "/ goods" > goods < / router-link > n < / div > n < div class= "tab-item" > n < router-link to= "/ estimate" > rating < / router-link > n < / div > n < div class= "tab-item" > n < router-link to= "/ seller" > merchants < / router -link > n < / div > n < / div > n < / header > n < / template > nn < script > n export default {n name: "Header"n} n < / script > nn < style scoped lang= "stylus" rel= "stylesheet/stylus" > n h1n background: rgba (0. Tab-listn display: flexn. Tab-itemn flex: 0.6) n color:-sharpfffnn. Tab-listn display: flexn. Tab-itemn flex: 1n color: rgb (77 85 br 93) n height: 40pxn line-height: 40pxn font-size: 14pxn & > an width:100%n display: blockn & .router-link-activen color:-sharpfe4437nn < / style > nasty,
line: 26,
column: 0,
message:
"/ Users/huangning/Desktop/sell/src/components/header/src/components/header/Header.vue:26:0: Missed semicolon",
input:
{line: 26,
column: 19,
source:
"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nh1\n background: rgba(0,0,0,0.6)\n color: -sharpfff\n\n.tab-list\n display: flex\n .tab-item\n flex: 1\n color: rgb(77,85,93)\n height: 40px\n line-height: 40px\n font-size: 14px\n & > a\n width:100%\n display: block\n &.router-link-active\n color: -sharpfe4437\n\n",
file:
"/Users/huangning/Desktop/sell/src/components/header/Header.vue" } }94% asset optimization
ERROR Failed to compile with 1 errors 15:51:04
error in. / src/components/header/Header.vue
Syntax Error: Missed semicolon
@. / nodewritten modulations @. / nodewritten modulations @ VueMeistyleMurloaderloader.According nodeparts modulesAccording to StylusWhile loaders? {"sourceMap": true}!. / node_modules/stylus-loader? {"sourceMap": true}!. / node_modules/vue-loader/lib/style-compiler? {"vue": true, "id": "data-v-ed558de2", "scoped": true, "hasInlineConfig": false}. / nodewritten modulations @ br
@. / src/components/header/Header.vue
@. / src/router/index.js
@. / src/main.js
@. / multi (webpack)-dev-server/client? A >: 8082 webpack/hot/dev-server. / src/main.js