Nuxt Support? ReferenceError: window is not defined

I’d love to use TradingVue in a Nuxt Universal App. I tried getting the simple example to work in Nuxt 2.6.2, but just the import declaration causes the ReferenceError: window is not defined.

I created a simple example for demonstration / debugging purposes: nuxt-trading-vue

Just: $ npx create-nuxt-app nuxt-trading-vue $ yarn add trading-vue-js

And added the example code. Error is:

ReferenceError window is not defined.

node_modules/trading-vue-js/dist/trading-vue.js:17

		define([], factory);
	else if(typeof exports === 'object')
		exports["TradingVueJs"] = factory();
	else
		root["TradingVueJs"] = factory();
})(window, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};
/******/
/******/ 	// The require function

Any ideas?

[HerrBertling]

@Mike-Kharkov following the nuxtjs docs, I did this:

• Install the package, of course.
• Create trading-vue.client.js file in the plugins folder with this content:

import Vue from 'vue'
import TradingVue from 'trading-vue-js'

Vue.use(TradingVue)

• Add the plugin within nuxt.config.js => plugins: ['~/plugins/trading-vue.client.js'],
• Copy&Paste the “Minimal working example” into the page you want to use the chart
• See chart

• ???
• Profit 💸 💸 💸 😝

Hope this helps – of course, this only renders on the client then, where the window issue should be solved automatically since unlike on the server side, the client actually has window defined 😃

[C451]

@csabaxyz This solves your issue (DataCube was needed) https://github.com/tvjsx/trading-vue-nuxt

The remaining q is why all the injections are initially undefined. Maybe some Nuxt-pro can tell us.