question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Using with Nuxt in SSR

See original GitHub issue

Although I have only imported and registered in components and not declared inside template but reloading the page prompts the error:

NuxtServerError

render function or template not defined in component: anonymous

doesn’t it pose bad UX impression? BTW, how can I use it in Nuxt?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:8 (2 by maintainers)

github_iconTop GitHub Comments

7reactions
jaskiratrcommented, May 25, 2018

Ah, I had to register the component!

// quill-editor.js
import Vue from "vue"
import { VueEditor } from "vue2-editor"

// Vue.use(VueEditor, {name: 'vue-editor'})
Vue.component('vue-editor', VueEditor)
6reactions
Lahori-Jawancommented, Feb 24, 2018

create a file inside plugins directory i.e. quill-editor.js and paste this in:

import Vue from "vue";
import { VueEditor } from "vue2-editor";

Vue.use(VueEditor);

now in your nuxt.config.js include this plugin i.e.

module.exports = {
     // head: {  //  },
    plugins: [
		{ src: "~plugins/quill-editor.js", ssr: false },
	]
}

and now you can just follow the docs to use in .vue file

Read more comments on GitHub >

github_iconTop Results From Across the Web

Server Side Rendering - Nuxt
Server-side rendering (SSR), is the ability of an application to contribute by displaying the web-page on the server instead of rendering it in...
Read more >
How To Use Server-Side Rendering with Nuxt.js - DigitalOcean
Nuxt.js is a framework for Vue.js applications that can solve this problem with server-side rendering, a strategy that renders the application ...
Read more >
Creating Server-side Rendered Vue.js Apps Using Nuxt.js
Nuxt.js is based off an implementation of SSR for the popular React library called Next. After seeing the advantages of this design, a...
Read more >
Server-side rendering with Vue and Nuxt.js - LogRocket Blog
Learn about server-side rendering (SSR) and client-side rendering (CSR), how its evolved, and how to use implement it with Nuxt.js and Vue.
Read more >
Nuxt Server Side Rendering vs Pre-rendering
To build your Nuxt project using Server Side Rendering (SSR) you need to ensure your target is server in your Nuxt config file....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found