相关疑难解决方法(0)

我想创建一个 vue.js 组件，它将显示最近 git 提交的 package.json 版本号和哈希值。这是到目前为止的代码：

<template>
  <div class="versionLabel">Version: {{version}} (HASH)</div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
import { version } from '../../package.json';

@Component
export default class VersionLabel extends Vue {
  get version() {
    return version;
  }
}
</script>

<style scoped lang="scss">
div {
  background-color: rgb(60, 172, 60);
  color: lightgray;
}
</style>

我正在使用命令部署到 Heroku

"postinstall": "if test \"$NODE_ENV\" = \"production\" ; then npm run build ; fi ",
"start": "node server.js",

在 package.json 和这个简单的服务器中： …

我使用webpack插件:

new webpack.DefinePlugin({              
            PUBLIC_KEY:'\'XXX\'',
            CLIENT_ID: '\'XXXX\''
        })



tgc.init({
            publicKey: PUBLIC_KEY,
            clientId: CLIENT_ID     
        });

我使用eslint并使用Disallow Undeclared Variables (no-undef)规则,所以当我写

tgc.init({
            publicKey: PUBLIC_KEY,
            clientId: CLIENT_ID     
    });

我收到错误:

'PUBLIC_KEY'未定义
'CLIENT_ID'未定义

怎么避免呢？我不想禁用此规则(禁用规则一切正常)