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()
]

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

1 个答案: