老师，我的路由按照视频讲解一步一步配置的，写了登录页加载不出来
{
      path: "/user",
      // component: RenderRouterView,
      // render函数
      component: { render: h => h("router-view") },
      children: [
        {
          path: "/user/login",
          name: "login",
          component: () => {
            import(/* webpackChunkName: "user" */ "./views/User/Login");
          }
        },
        {
          path: "/user/register",
          name: "register",
          component: () => {
            import(/* webpackChunkName: "user" */ "./views/User/Register.vue");
          }
        }
      ]
    },

import Vue from "vue";
import Router from "vue-router";
import Home from "./views/Home";
Vue.use(Router);

export default new Router({
  mode: "history",
  base: process.env.BASE_URL,
  routes: [
    {
      path: "/user",
      component: { render: h => h("router-view") },
      children: [
        {
          path: "/user/login",
          name: "login",
          component: () =>
            import(/* webpackChunkName: "user" */ "./views/User/Login")
        },
        {
          path: "/user/register",
          name: "register",
          component: () =>
            import(/* webpackChunkName: "user" */ "./views/User/Register")
        }
      ]
    },
    {
      path: "/",
      name: "home",
      component: Home
    },
    {
      path: "/about",
      name: "about",
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () =>
        import(/* webpackChunkName: "about" */ "./views/About")
    }
  ]
});
根据视频敲得代码，http://192.168.0.142:8080/user/login为啥加载不出来呢?

1.为什么路由的写法要用， component: () =>
        import(/* webpackChunkName: "layout" */ "./layouts/UserLayout")，
能不能用下面写法:
component: resolve => require(["@/views/booking/bookingvipdiscount"], resolve),
2.为什么我的路由加了mode:history才能正常显示，没有这个是空页面什么都没有
let router = new VueRouter({
    //mode: "history",
    routes: [
        {
            path: "/user",
            component: resolve => require(["@/layouts/UserLayout"], resolve),
            children: [
                {
                    path: "/user",
                    redirect: "/user/login"
                },
                {
                    path: "/user/login",
                    name: "login",
                    component: resolve => require(["@/User/Login"], resolve),
                },
                {
                    path: "/user/register",
                    name: "register",
                    component: resolve => require(["@/User/Register"], resolve)
                },
                {
                    path: "/user/register-result",
                    name: "register.result",
                    component: resolve => require(["@/User/RegisterResult"], resolve)
                }
            ]
        },
        // {
        // path: '*',
        // component: resolve => require(["@/404/NotFound"], resolve),
        // }
    ]
})

老师帮看个问题：
error: 'prosess' is not defined (no-undef) at src\router.js:9:9:
 7 | export default new Router({
 8 | mode: "history",
> 9 | base: prosess.env.BASE.URL,
   | ^
10 | routes: [
11 | {
12 | path: "/user",


2 errors found.

pre-commit hook failed (add --no-verify to bypass)

老师您好，我按照视频里的步骤配好路由后，访问/user/login，chrome调试里login的响应一直是we're sorry but [project-name] doesn't work properly without JavaScript enabled.please enable it to continue；
我在官网，git找了很多回答，也询问了公司的vue开发同事，怀疑是缺少vue cli的运行时、编译器配置，render:h=>h("router-view")高阶函数无法渲染，同事帮我把高阶函数修改为自定义组件，修改路由为哈希模式,还做了一些其他修改，确实可以运行了；
但不明白为什么高阶函数会报错，为什么不能像您这样写，我根据官网给的链式操作配置方法，增加了运行时，仍然无果，因为这个问题已经纠结两天多了，想请教下这个问题到底是什么原因，能否给个解决思路，望回复，万分感谢！！

老师重定向不需要这么麻烦的写子路由吧，{
      path: "/user",
      name: "user",
      redirect: "/user/login",
      component: () => import("./layouts/UserLayout.vue"),
      children: [
        {
          path: "/user/login",
          name: "login",
          component: () => import("./views/User/Login")
        },
        {
          path: "/user/register",
          name: "register",
          component: () => import("./views/User/Register")
        }
      ]
    },