                        課程
                    
                        /前端開發
                        
                            /前端工具
                        
                        /Vue+Webpack打造todo應用

app.vue樣式報錯，是怎么回事呢？

#app {

? ? position absolute

? ? left 0

? ? right 0

? ? top 0

? ? bottom 0

}

#cover {

? ? position absolute

? ? left 0

? ? right 0

? ? top 0

? ? bottom 0

? ? background-color #555

? ? opacity 0.5

? ? z-index: -1

}

</style>

ERROR in ./src/app.vue?vue&type=style&index=0&id=5ef48958&lang=stylus&scoped=true& (./node_modules/vue-loader/lib??vue-loader-options!./src/app.vue?vue&type=style&index=0&id=5ef48958&lang=stylus&scoped=true&) 16:0

Module parse failed: Unexpected character '#' (16:0)

You may need an appropriate loader to handle this file type.

> #app {

|? ? ?position absolute

|? ? ?left 0

?@ ./src/app.vue?vue&type=style&index=0&id=5ef48958&lang=stylus&scoped=true& 1:0-150 1:166-169 1:171-318 1:171-318

?@ ./src/app.vue

?@ ./src/index.js

耶路撒冷的鐘聲Inter

2018-09-25

源自：Vue+Webpack打造todo應用 3-3

關注問題我要回答

10242

操作

收起

5 回答

qq_馥雪_0
2019-12-21

我也遇到同樣的問題，太感謝各位了。

0 回復有任何疑惑可以回復我~

收起回答

qq_意中人_lwGJUV
2018-11-21

你是怎么弄的....我也遇到這個問題了

0 回復有任何疑惑可以回復我~

收起回答

qq_逗號_EJKSTZ
2018-09-30

{
??test:?/\.styl(us)?$/,
??use:?[
????'vue-style-loader',
????'css-loader',
????'stylus-loader'
??]}

配置成這樣，就可以了，在webpack.config.js里

0 回復有任何疑惑可以回復我~

收起回答

耶路撒冷的鐘聲Inter 提問者

嗯嗯，搞定了，就這樣，多謝！

2018-09-30 回復有任何疑惑可以回復我~

狂雨

正解，原因是vue里的 lang = "stylus", 但是webpack.config 里的正則是 /\.styl$/ 所以識別不了，其實也可以在vue 里改lang = "styl" 我測試過也可以，不過就是vs code 不能識別stylus的語法了。。。

2018-10-17 回復有任何疑惑可以回復我~

慕標1909225

config.module.rules.push({ test: /\.styl/, use: [ 'style-loader', 'css-loader', { loader: 'postcss-loader', options: { sourceMap: true, } }, 'stylus-loader' ] })

2019-02-15 回復有任何疑惑可以回復我~