报错内容
ERROR in ./src/views/xxx/components/xxx.md 1:1
You may need an appropriate loader to handle this file type
代码
... () => import("@/views/${e.component}")
显然的,代码片段这是动态路由某个方法的一部分。引入这个方法后,即使不使用也会报错。经过百般挫折,最终定位到上面这一行代码。
动态引入会把这个路径下所有的文件遍历。因为我在views/xxx/components/文件夹里写了markdown文档,动态引入发现这个.md 文件没法引入,于是提示需要加载器来处理了这种文件类型。
也就是说,只要你在动态引入的路径下放了"奇怪"的文件,比如.json .md 等等,就会发生import试图引入这种文件类型导致的错误。但实际上,这段代码只是服务于处理动态路由的组件引入的,我只会引入.vue文件。
为了告诉import()我只是想引入.vue类型的组件,只需要把代码改成你想要引入的文件类型:
... () => import("@/views/${e.component}.vue")
问题解决