app.vue样式报错,是怎么回事呢?

来源:3-3 实现todo应用的界面

耶路撒冷的钟声Inter

2018-09-25 23:23

<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


写回答 关注

5回答

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

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

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

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

  • qq_逗号_EJKSTZ
    2018-09-30 15:59:25
    {
      test: /\.styl(us)?$/,
      use: [
        'vue-style-loader',
        'css-loader',
        'stylus-loader'
      ]}
    配置成这样,就可以了,在webpack.config.js里


    慕标1909... 回复耶路撒冷的钟...

    config.module.rules.push({ test: /\.styl/, use: [ 'style-loader', 'css-loader', { loader: 'postcss-loader', options: { sourceMap: true, } }, 'stylus-loader' ] }) 我的这样子没问题就是还不行

    2019-02-15 15:13:41

    共 5 条回复 >

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

    VueLoaderPlugin

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

    耶路撒冷的钟...

    搞定了,没少VueLoaderPlugin,主要是stylus那个有问题

    2018-09-30 16:11:20

    共 1 条回复 >

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

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

    耶路撒冷的钟...

    嗯,配置有点问题

    2018-09-30 16:11:00

    共 1 条回复 >

Vue+Webpack打造todo应用

用前端最热门框架Vue+最火打包工具Webpack打造todo应用

84606 学习 · 787 问题

查看课程

相似问题