ACTUALIZADO ...
Estoy tratando de usar un objeto importado en mi nuxt.config.js. Este es el archivo de configuración de Nuxt.js.
Tengo esto: seo.js
export default { link: [ { rel: 'icon', type: 'image/x-icon', href: '/img/favicon.ico', }, ], meta: [ { charset: 'utf-8' } ] }Luego en nuxt.config.js:
import seo from './seo' export default { head() { return { ...seo, } }, ... other config setting ... }Luego recibo un error: "_seo no está definido" No estoy tratando de exportar head como función, este es un archivo de configuración y hay más configuraciones.
Mientras esto funciona, nuxt.config.js:
import seo from './seo' export default { head: { ...seo, } } ... other config settings ... }Parece que no puedo usar el objeto importado en función. Estoy confundido, ¿cuál es el problema aquí y cómo puedo usar ese objeto importado?
Cambie su nuxt.config.js a lo siguiente
import seo from "./seo"; export const head = () => { return { ...seo }; }; export default head;He puesto esto en un entorno limitado de código, si observa el registro de la consola, está generando la información correcta
https://codesandbox.io/s/vigilant-almeida-j8dyq?file=/src/App.js
En lugar de exportar la head como un método del objeto predeterminado, puede exportar directamente la función por defecto
import seo from "./seo"; export default function() { return { ...seo }; };para dichas exportaciones, se recomienda utilizar la exportación con nombre .
export const links = [ { rel: 'icon', type: 'image/x-icon', href: '/img/favicon.ico', },]
E importarlo de la siguiente manera:
import {seo} from './seo' export default { head: { ...seo, }} }