在使用懒加载方式引入子路由vue文件,有时会报错!!!
发布日期:2021-05-10 07:36:24 浏览次数:15 分类:精选文章

本文共 3924 字,大约阅读时间需要 13 分钟。

������������������������������������������������������������������������������������������������������������������������������������

������������

������������������������������ routes/home/index.js ������������������������������HomeNews ��� HomeMessage������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������Uncaught SyntaxError: Unexpected token '<'���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������

������������������

  • ������������������������

    • ���������������������������<������������������������������������������������������������������������������������������������������������������������������������
    • ������������������������������������������������������������������������������������������������������������������������������������������������
  • ������������������������

    • ��������������� index.js ������������������������������������������������
      import HomeMessage from '../views/HomeMessage';
      import HomeNews from "../views/HomeNews";
    • ���������������������������������������export���������������������������������������������������������������������������������������������
  • ������������������������������

    • ������ HomeMessage.vue ��� HomeNews.vue ���������
      • ��� HomeMessage.vue ������
        export default {
        data() {
        return {
        message: '������HomeMessage'
        }
        }
        }
      • ��� HomeNews.vue ������
        export default {
        data() {
        return {
        news: '������HomeNews'
        }
        }
        }
    • ������������������������������������������������������������������������������
  • ������������������

    • ���������������������������������������������������������������������
      router.get('/message', (req, res, next) => {
      return View('HomeMessage');
      });
      router.get('/news', (req, res, next) => {
      return View('HomeNews');
      });
    • ���������������������������������������������������������������
  • ���������������lazzy-loading���������

    • ������������������������������������������������������const router = express.Router();���������������������
    • ���������������������
  • ������������������

    • ���������������������������������������������������������������������������������������������������������������������������
  • ���������������

    ���������������������������������������������������������������������������������������������������������export���������������������������������������������������������������import������������������������������������

    ���������������

    ���������������������������������������������������������������������

  • ���������������������������

    • ��� HomeMessage.vue ��� HomeNews.vue ��������������������������������� HomeMessage ��� HomeNews ���������
  • ������������������

    • ��� index.js ������������������������������������������������������������
      router.get('/message', (req, res, next) => {
      const HomeMessage = await lazyLoad('HomeMessage');
      res.jsonp(HomeMessage.data());
      });
      router.get('/news', (req, res, next) => {
      const HomeNews = await lazyLoad('HomeNews');
      res.jsonp(HomeNews.data());
      });
  • ������������

    • ������������������������������������������������������������������������
    • ������ localhost:3000/message ��� localhost:3000/news���
    • ���������������������������������
  • ������������

    ������������������������������������������������������������������������������������������������������LazyLoading������������������dynamic import��������������������������������������� ��������� strat's���������������������������

    ���������...

    ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������

    上一篇:vue3.x 重复点击路由报错
    下一篇:自定义vue模板(name默认是文件名)

    发表评论

    最新留言

    留言是一种美德,欢迎回访!
    [***.207.175.100]2025年04月18日 04时27分36秒