在升级到vue-loader v15时，您可能需要适当的加载器

Question

我需要一些帮助来升级到vue-loader 15。它似乎认为我没有加载手写笔，尽管我相信我已经正确加载了所有内容，但给出了这个错误：

ERROR in ./src/app/app.vue?vue&type=style&index=0&lang=stylus (./node_modules/vue-loader/lib??vue-loader-options!./src/app/app.vue?vue&type=style&index=0&lang=stylus) 71:0
Module parse failed: Unexpected character '#' (71:0)
You may need an appropriate loader to handle this file type
| 
| 
> #app
|     display none
| 

html：

<style lang="stylus">
#app
    display none
</style>

相关的webpack配置：

module: {
    rules: [{
    test: /\.styl$/,
    use: [
        'vue-style-loader',
        'css-loader',
        'stylus-loader'
    ]
},
plugins: [new VueLoaderPlugin()]

我已经安装了手写笔和手写笔加载器的软件包。我四处看了几个小时，似乎大多数问题都是因为我丢失了手写笔配置。

Answer 1

这是我现在的工作设置：

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