                        课程
                    
                        /前端开发
                        
                            /前端工具
                        
                        /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

关注问题我要回答

10174

操作

收起

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 回复有任何疑惑可以回复我~