如何从 Vue / Quasar 中的 package.json 获取对象项答案

【问题标题】：How to get an object item from package.json in Vue / Quasar如何从 Vue / Quasar 中的 package.json 获取对象项
【发布时间】：2020-04-16 03:30:33
【问题描述】：

我正在尝试从我的 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

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

【问题讨论】：

标签： vue.js components package.json quasar-framework

【解决方案1】：

删除这段代码：

components: {
    version
}

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

然后将版本添加到vue中：

data () {
   ...
   version: version
}

【讨论】：

这只会稍微改变错误信息：77:10 error 'version' is defined but never used no-unused-vars
我已经更新了我的答案，试试把你已经导入的版本添加到Vue的data ()...:version: version
我会在声明 leftDrawerOpen 之后将其添加到 return {} 中吗？因为这给了我一个编译错误：找不到模块：错误：无法解析
是的-just after the declaration of leftDrawerOpen? 。确保路径（文件夹级别）“../package.json”正确。你在哪个文件夹？试试 '../../package.json' 或 '../../../package.json' ...

【解决方案2】：

按照这些步骤操作就可以了

从“../../package.json”导入 {version}
数据：() => ({ 应用版本：版本 }),
{{appVersion}}

（或）

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

【讨论】：

您能否提供完整的代码答案，而不仅仅是作为步骤提供的非常小的部分。