懒加载没反应

懒加载没反应

这是路由文件,正常添加的,要是把后缀xxx.vue去掉就报错,说这个东西找不到,这是什么原因呢?

加上xxx.vue吧,还没有最后老师视频中5.js 4.js 3.js的挨个展示加载的效果

http://img1.sycdn.imooc.com//climg/5dfb6e2b096f2a5e10710311.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

4回答

同学你好,需要注释掉如下代码才能有懒加载的效果,如下:

http://img1.sycdn.imooc.com//climg/5dfdfa9909828a7804960340.jpg

如下:

http://img1.sycdn.imooc.com//climg/5dfdfaa909bd7a8b06610065.jpg

http://img1.sycdn.imooc.com//climg/5dfdfac009f7c4ef06170048.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • 看不穿繁华 提问者 #1
    就是说用了懒加载后,就不用在路由里引入每个组件了?
    2019-12-21 19:10:13
  • 好帮手慕码 回复 提问者 看不穿繁华 #2
    同学你好,是的哦,在视频中8分19秒的时候演示了~
    2019-12-21 19:22:50
提问者 看不穿繁华 2019-12-21 14:54:26

import Vue from 'vue'

import Router from 'vue-router'


import Home from 'pages/home/home.vue'

import Category from 'pages/category/category.vue'

import Cart from 'pages/cart/cart.vue'

import Personal from 'pages/personal/personal.vue'

import Product from 'pages/product/product.vue'

import Search from 'pages/search/search.vue'



Vue.use(Router)



export default new Router({

routes: [

{name: 'home', path: '/home', component: ()=>import('pages/home/home.vue'), children: [ {name: 'home-product', path: 'product/:id', component: ()=>import('pages/product/product.vue') } ]  },


{name: 'category', path: '/category', component: ()=>import('pages/category/category.vue')},


{name: 'cart', path: '/cart', component: ()=>import('pages/cart/cart.vue')},


{name: 'personal', path: '/personal', component: ()=>import('pages/personal/personal.vue')},


{name: 'search', path: '/search', component: ()=>import('pages/search/search.vue')},


{path: '*', redirect: '/home'}



]

})



好帮手慕码 2019-12-20 18:02:05

同学你好,建议同学将自己的代码(不是截图)粘贴至问答区进行测试。有可能是哪里写错了,而老师这边对比敲出来的话会规避错误,因此无法准确测试哦~

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • 提问者 看不穿繁华 #1
    代码,粘贴到提问区了已经,帮忙看下为什么在浏览器上无法显示老师视频中的5.js 4.js 3.js的逐步加载
    2019-12-21 14:55:30
好帮手慕码 2019-12-20 10:38:56

同学你好,老师测试源码是没有问题的,建议同学粘贴自己的代码至问答区进行测试,以便准确的帮助同学分析解决问题。

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • 提问者 看不穿繁华 #1
    不是已经粘贴了我的代码了吗?就是打开网页Network的JS中不出现视频中的5.js 4.js,3.js
    2019-12-20 10:48:39
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师