Tengo un proyecto Vue CLI 4 que funciona con rutas de carga lenta, todas funcionan bien excepto una y no puedo entender por qué. Eso es muy extraño porque solo aparece una ruta, puedo cargarla a través de una carga ansiosa, es decir, algo como esto:

 import Vue from "vue"; import Router from "vue-router"; import Home from "@/views/Home"; import PasswordResetForm from "@/views/PasswordResetForm"; Vue.use(Router); const routes = [ { path: "/", name: "home", component: Home }, { path: "/iniciar-sesion/restablecer-contrasena", name: "password_reset", component: PasswordResetForm } ] const router = new Router({ mode: "history", base: process.env.BASE_URL, routes }); export default router;

Si reemplazo el component: PasswordResetForm con conponent: () => import(/* webpackChunkName: "passwordReset" */ "../views/PasswordResetForm") entonces el componente no se procesa ni la etiqueta <router-view> y no No tengo idea de lo que podría estar mal.

 "webpack": "^3.7.1", "webpack-bundle-analyzer": "^2.9.0", "webpack-dev-middleware": "^1.12.0", "webpack-hot-middleware": "^2.19.1", "webpack-merge": "^4.1.0" "@vue/cli-plugin-pwa": "^4.5.12", "@vue/cli-plugin-router": "^4.5.12", "babel-core": "^6.26.0", "babel-loader": "^7.1.2", "babel-plugin-transform-runtime": "^6.23.0", "babel-preset-env": "^1.6.0", "babel-preset-stage-2": "^6.24.1", "babel-register": "^6.26.0",

No tengo mucha experiencia en Vue.js y no sé si me estoy saltando información importante al publicar esta pregunta, pero si ese es el caso, házmelo saber.

Tengan paciencia conmigo chicos.

Gracias por adelantado.