美文网首页
Nuxtjs历险记

Nuxtjs历险记

作者: 漫画三毛 | 来源:发表于2022-10-13 12:24 被阅读0次

1、@nuxtjs/router 指定路由后出现:render function or template not defined in component: anonymous

  • 基础解决方法:
import dispatch from '@/pages/dispatch/index.vue'

export function createRouter(){
  return new VueRouter({
    mode: "history",
    routes: [
      {
        path: '/dispatch',
        name: 'Dispatch',
        component: dispatch,
      }
    ]
  });
}


  • 升级版解决方法:

由于nuxtjs不支持路由懒加载,则考虑直接引入页面。

由于页面太多,vue2常见方式是:

const name = () => import('@/pages/name.vue')

按此思路,可考虑直接引入页面,即:

const name = require('@/pages/name.vue').default

批量引入页面:

module.exports = file => require('@/pages' + file + '.vue').default 

相关文章

  • Nuxtjs历险记

    1、@nuxtjs/router 指定路由后出现:render function or template not ...

  • 服务端渲染框架:Nuxt.js

    官网:https://zh.nuxtjs.org/[https://zh.nuxtjs.org/]GitHub:h...

  • Nuxt介绍

    Nuxt.js是什么 官网:https://zh.nuxtjs.org/[https://zh.nuxtjs.or...

  • 学习笔记(二十)NuxtJS基础

    NuxtJS基础 NuxtJS是什么? NuxtJS是一个基于Vue生态的第三方开源服务端渲染应用框架它可以帮助我...

  • 快来用 Nuxt 开发静态网站

    2020年6月19日,NuxtJS 发布 v2.13.02020年7月28日,NuxtJS 发布 v2.14.0 ...

  • Nuxtjs eventbus 插件

    Nuxtjs 是 VUE SSR 的框架实现,有时会用到单独的事件处理,在 nuxtjs 可按以下方法处理: 添加...

  • nuxtjs问题

    eslint webpack import Unexpected token .eslintrc.js配置缺少 "...

  • NuxtJS sitemap

    Sitemap Sitemaps XML format The Sitemap protocol format c...

  • @nuxtjs/axios

    plugins -> axios.js middleware -> header.js store -> inde...

  • nuxtjs笔记

    安装 端口 跨域 nuxt.config.js 预处理器sass 默认模板 路径引用 绝对路径 隐藏路由 Vue....

网友评论

      本文标题:Nuxtjs历险记

      本文链接:https://www.haomeiwen.com/subject/ndrfzrtx.html