如何在Vue / Quasar中从package.json获取对象项

Question

我正在尝试从Vue / Quasar项目中的package.json获取'version'。

互联网上有信息可以使用此代码：

import { version } from '../package.json'

现在我是一个初学者，我无法运行它。我当前的代码如下所示：

<template>
  // ... REMOVED CODE FOR BETTER READABILITY

  <q-layout view="lHh Lpr lFf">
    <q-page-container>
      <div>VERSION: {{ version }}</div>
      <router-view />
    </q-page-container>
  </q-layout>
</template>

<script>
import { version } from '../package.json'
export default {
  name: 'Layout',

  data () {
    return {
      leftDrawerOpen: false
    }
  },
  components: {
    version
  }
}
</script>

ESLint引发以下错误：

87：5错误“版本”组件已注册但未使用vue / no-unused-components

如何使用正确导入的组件变量？

Answer 1

删除这段代码：

components: {
    version
}

您正在尝试将其注册为不是的组件。

然后将版本添加到vue：

data () {
   ...
   version: version
}