问答详情
源自：3-3 实现todo应用的界面

app.vue样式报错，是怎么回事呢？

<style scoped>

#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 23:23

个回答

  • qq_馥雪_0
    2019-12-21 23:21:30

    我也遇到同样的问题，太感谢各位了。

    0
  • qq_意中人_lwGJUV
    2018-11-21 14:15:21

    你是怎么弄的....我也遇到这个问题了

    0
  • qq_逗号_EJKSTZ
    2018-09-30 15:59:25

    {
  test: /\.styl(us)?$/,
  use: [
    'vue-style-loader',
    'css-loader',
    'stylus-loader'
  ]}
    配置成这样，就可以了，在webpack.config.js里


    0
  • 慕粉1024203737
    2018-09-28 11:25:50

    VueLoaderPlugin

      看下是不是少了这个配置，或者你把webpack版本退到3也可以

    0
  • 慕粉1304523545
    2018-09-26 15:13:03

    在webpack.config.js里面缺少配置

    0