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

Question

我正在尝试从 Vue/Quasar 项目中的 package.json 获取“版本”。

网上有一个信息可以使用这个代码：

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

按照以下步骤操作，效果会很好

1. 从 '../../package.json' 导入 {version}
2. 数据：() => ({ appVersion:version }),

3. {{应用程序版本}}

（或者）

Vue.prototype.application_version = require('../package.json').version;

Answer 2

去掉这段代码：

components: {
    version
}

您试图将其注册为组件，但事实并非如此。

然后将版本添加到vue：

data () {
   ...
   version: version
}