vue-components-autodetect-webpack子目录不附加斜杠

时间:2018-04-09 16:31:24

标签: webpack import vue.js vue-component

我一直在使用标题中所述的包装,即:
https://github.com/tecbeast42/vue-components-autodetect-webpack

但我遇到一个阻止我运行项目的问题, 这是我目前的webpack配置:

    {
            test: /\.ts$/,
            exclude: /node_modules/,
            use: [
                {
                    loader: 'vue-components-autodetect-webpack',
                    options: {
                        path: path.resolve(__dirname, './frontend/pages'),
                        separator: '-',
                        injectComment: /(\/\/\s*{{\s*inject-vue-components\s*}}\n?)/ig,
                        exclude: ['page'],
                        type: 'import',
                        appendTsSuffixTo: [/\.vue$/]
                    }
                }
            ]
        }

问题在于,'pages'有子目录,对于这个例子,它有“hello”和“Test.vue”作为组件。如下图所示:
|-- frontend | -- pages | -- hello | -- Test.vue | -- index.ts

在我的控制台中加载后,说:

./frontend/components.ts中的错误 找不到模块:错误:无法解析'* \ frontend'中的'pageshelloTest.vue'  @ ./frontend/index.ts 17:0-39 18:23-31
 @ multi(webpack)-dev-server / client?http://127.0.0.1:8080 webpack / hot / dev-server ./frontend/index.ts

它不附加子目录中的任何斜杠!

放置所有导入的注释位于index.ts中 我不知道如果我错过了什么或者这是一个问题,请帮忙!

0 个答案:

没有答案