无法访问nuxt.config.js的属性,例如head属性中的链接

时间:2019-09-07 17:29:48

标签: node.js vue.js nuxt.js

我在nuxt.config.js文件的head属性中添加了全局css和google图标链接,但是在将nuxt更新到v2.9.2之后,当我检查网页时,它没有显示在页面中,在页面中仅显示图标文字不是图片。 我认为这是因为我在nuxt.config.js文件中声明的全局变量不起作用。 有人可以帮我吗?

nuxt v2.9.2 vuetify v1.5.5 节点v12

我尝试了rm -rf .nuxt /,node_modules和yarn.lock文件,然后再次通过yarn安装所有依赖项 但是什么都没有改变。

//nuxt.config.js 

export default {
  /*
   ** Headers of the page
   */
  head: {
      meta: [{
        charset: 'utf-8'
      },
      {
        name: 'theme-color',
        content: '#2ecc71'
      },
      {
        name: 'viewport',
        content: 'width=device-width, initial-scale=1'
      },
      {
        hid: 'description',
        name: 'description',
        content: pkg.description
      }
    ],
    link: [{
        rel: 'icon',
        type: 'image/x-icon',
        href: '/favicon.ico'
      },

      {
        rel: 'stylesheet',
        href: 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons'
      }


    ]
  },

我希望带有“材料图标”的链接显示在页面的顶部,当前未显示

0 个答案:

没有答案