路由懒加载的问题
来源：15-4 路由按需加载方案(2)
不学会死掉
2020-08-14
- 好像现在不需要用那个babel插件也能使用import语法了，其他人的问答也提到了
- 不管有没有用那个插件，使用import懒加载path带参数的页面，如product：id、detail：id这两个页面总是会新开一个页面，并且没内容显示，而像源码一样使用require懒加载的就能成功
查了下router的文档，好像这个路由组件传参可以解决这个问题吧，可是不会写。。。。
总之就是想问下，这种带参数的path，使用import懒加载失败该怎么解决
写回答
2回答
-
1.用import函数不再安装其它插件即可。babel能够识别并解析。
2点击产品站打开新窗口是我们刻意控制的，这样可以保证每次打开都能正确获取产品信息。
3.动态路由打开产品站的时候，是可以加载出内容的，我课程的部署就是这样做的，用的import，我刚刚本地测试也是没有问题的。
您如果本地无法打开，看一下有没有报错，或者联系我534877846，也可以添加课程群，在群里找我012020-08-14 -
林威廉
2021-06-02
那個product的懶加載對象是不是寫錯了？
應該是
{
path: "/product/:id",
name: "product",
component: resolve => require(["./pages/product.vue"], resolve),
},
10
相似问题