I am attempting to launch Nuxt programmatically from my Express server, but I encounter errors once the application is compiled and I check my browser console:
https://i.stack.imgur.com/MZxHk.png
https://i.stack.imgur.com/sfDIF.png
This is how my nuxt.config.ts file looks like:
import NuxtConfiguration from '@nuxt/config';
/**
* Configuration for Nuxt.js admin console app.
*/
export const config: NuxtConfiguration = {
/**
* Directory paths options. Remove `rootDir` and `modulesDir` properties if you want to run/build admin console Nuxt app.
*/
rootDir: 'src/admin-console',
modulesDir: ['../../node_modules'],
mode: 'universal',
/*
** Headers of the page.
*/
head: {
title: process.env.npm_package_name || '',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
]
},
/*
** Customize the progress-bar color.
*/
loading: { color: '#fff' },
/*
** Global CSS.
*/
css: [
],
/*
** Plugins to load before mounting the App.
*/
plugins: [
],
/*
** Nuxt.js modules.
*/
modules: [
// Doc: https://bootstrap-vue.js.org/docs/
'bootstrap-vue/nuxt',
// Doc: https://axios.nuxtjs.org/usage
'@nuxtjs/axios',
],
/*
** Axios module configuration.
** See https://axios.nuxtjs.org/options
*/
axios: {
},
};
export default config;
To build Nuxt as an Express middleware, here is what I have:
import { Application } from 'express';
import { Nuxt, Builder } from 'nuxt';
import config from '../admin-console/nuxt.config';
/**
* Builds admin console Nuxt app.
* @param app Express application instance.
*/
export async function buildAdminConsoleNuxtApp(app: Application) {
const nuxt = new Nuxt(config);
try {
await new Builder(nuxt).build();
} catch (error) {
throw new Error(error);
}
app.use('/admin', nuxt.render);
}
and it gets registered like this:
await buildAdminConsoleNuxtApp(this.app);
In all the resources I've checked, this seemed to be the typical way to build Nuxt programmatically, so I'm unsure where I may have gone wrong. The built application doesn't respond to click events properly and is not functioning as expected.