路由懒加载的问题

Question

1. 好像现在不需要用那个babel插件也能使用import语法了，其他人的问答也提到了
2. 不管有没有用那个插件，使用import懒加载path带参数的页面，如product：id、detail：id这两个页面总是会新开一个页面，并且没内容显示，而像源码一样使用require懒加载的就能成功
   
   

查了下router的文档，好像这个路由组件传参可以解决这个问题吧，可是不会写。。。。

总之就是想问下，这种带参数的path，使用import懒加载失败该怎么解决

Answer 1

河畔一角 2020-08-14 17:05:51

1.用import函数不再安装其它插件即可。babel能够识别并解析。
2点击产品站打开新窗口是我们刻意控制的，这样可以保证每次打开都能正确获取产品信息。
3.动态路由打开产品站的时候，是可以加载出内容的，我课程的部署就是这样做的，用的import，我刚刚本地测试也是没有问题的。

您如果本地无法打开，看一下有没有报错，或者联系我534877846，也可以添加课程群，在群里找我

• 提问者 不学会死掉 #1

  我现在又试了一下，用import也能行了，，，真的太奇怪了，刚才好长一会就是截图所示的无内容，，，

Answer 2

林威廉 2021-06-02 13:31:42

那個product的懶加載對象是不是寫錯了？

應該是 

{

path: "/product/:id",

name: "product",

component: resolve => require(["./pages/product.vue"], resolve),

},