vue路由加载中import报错问题

有对应的模块，但是页面加载不出来，抛出错误如下图：

​​

原来的引入方式：

const loadView = (file) => () => import( `@/pages${file}/index.vue`);

经过排查，是上述引用方式在高版本的 webpack 下不支持。

解决方案如下：

const loadView = (fileUrl) => () => {
    try {
        let file = require(`@/pages${fileUrl}/index.vue`).default;
        return Promise.resolve(file);
    } catch (err) {
        return Promise.reject(err);
        console.log(err);
    }
};