我一直在使用标题中所述的包装,即:
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中 我不知道如果我错过了什么或者这是一个问题,请帮忙!