基于webpack的vue3动态路由require is not defined怎么解决?

Question

实现动态路由功能，require动态引入component报错。但是vue.config.js里引入require是没有问题的。请问应该怎么解决呢？
而且项目不是基于vite搭建的，用不了import.meta.glob

import导入报错

Answer 1

环境不一样，在webpack.config.js里面使用require是node环境，在你的案例里面使用require是浏览器环境，浏览器中没有require，所以会报错；

疑问点在于为什么可以在.vue文件中使用require不会报错，因为.vue文件会经过编译之后再投入使用，编译的过程也是node环境，所以有require；

如果要在浏览器环境中使用require就需要引用RequireJS，你上面的问题可以将require换成import()试试。