用Laravel和webpack将node_modules中的javascript对象导入Vue

Question

当我尝试使用导出加载器将一个对象从我的node_modules导入到我的vue组件时，我得到了以下错误：

ERROR in ./node_modules/qrcodejs/qrcode.js (./node_modules/exports-loader/dist/cjs.js?QRCode!./node_modules/qrcodejs/qrcode.js)
Module build failed (from ./node_modules/exports-loader/dist/cjs.js):
ValidationError: Invalid options object. Exports Loader has been initialized using an options object that does not match the API schema.
 - options misses the property 'exports'. Should be:
   non-empty string | object { name, syntax?, alias? } | [non-empty string | object { name, syntax?, alias? }, ...] (should not have fewer than 1 item)

我在Laravel中使用vue，我的组件如下所示：

<template>
    <div>
        <div id="output"></div>
    </div>
</template>

<script>
    import QRCode from 'exports-loader?QRCode!qrcodejs/qrcode';

    export default {
         props: [
            'order',
        ],

        methods: {
            createQR(){
                new QRCode("output", {
                    text: this.order,
                    width: 500,
                    height: 500,
                    colorDark: "#188710",
                    colorLight: "#ffffff"
                });
            }
        },
    }

</script>

这在我创建的另一个javascript项目中工作得很好(但没有Vue和Laravel)我在qrcodejs的index.js文件中定义了以下规则，以便导入qrcode：

// Export namespace
module.exports = {
    module: {
        rules: [
            { test: /qrcode/, loader: 'exports-loader?QRCode' }
        ]
    }
}

那么我的错误意味着什么，我该如何修复它呢？

Answer 1

已通过卸载exports-loader并安装exports-loader版本0.7.0修复。

npm install exports-loader@0.7.0