如何在 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 error The "version" component has been registered but not used vue/no-unused-components

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

Answer 1

删除这段代码：

components: {
    version
}

您正在尝试将其注册为一个组件，但它不是。

然后将版本添加到vue：

data () {
   ...
   version: version
}

Answer 2

按照这些步骤就可以正常工作了

从“../../package.json”导入{version}
数据：（）=>（{ appVersion:version }),
{{appVersion}}

(或)

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

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

How to get an object item from package.json in Vue / Quasar

components

vue.js

package.json

quasar-framework