Vue.js Vue cli-类型错误：无法读取属性'；环境'；未定义的

我正在尝试在我的vue应用程序中使用

process.env

。我已经创建了两个

.env

文件，一个用于生产

.env.production

，另一个用于开发

.env.development

。这两个文件位于我的vue项目的根目录中，但vue cli将忽略它们。我已经创建了一个envoirment变量，我正在我的

Home.vue

组件中调用该变量，以便为开发/生产设置不同的映像路径。问题是，在构建之后，当我运行我的应用程序测试它时，我会得到这个错误

TypeError:无法读取未定义的属性“env”

它与我要加载的图像的src标记中设置的路径有关

我的

.env

文件如下所示 开发环境文件

VUE\u APP\u PATH\u START=../assets/

生产环境文件

VUE\u应用程序路径\u开始=/

---

是否有任何原因导致生成中出现此错误以及如何修复此错误？

尝试使用require函数将其定义为计算属性：

computed:{
    background(){
        return require("`${process.env.VUE_APP_PATH_START}/img/background.jpg`")
  }
}

模板：

 <img class="img-fluid" :src="background"/>

我已经创建了一个变量，并将

process.env.VUE\u APP\u PATH\u START

分配给它，似乎工作正常，我将把它移动到一个计算的位置。谢谢你的帮助：）不客气，对你有用没关系