VueJS：this。$ refs是未定义的

Question

我在Laravel 5项目中使用Vue 2.5.16和bootstrap-vue 2.0.0 rc.11。作为一个vue文件的一部分，我正在打开一个这样的模式：

<button v-b-modal.modalSettings>Settings</button>

已定义模态，当我使用“ npm run dev”或“ npm run watch”编译文件时，此模式有效。当我使用“ npm run prod”编译项目时，模式没有打开，没有任何错误消息。

要调试，我尝试运行

this.$refs.modalSettings.show(); 

控制台上的

以及部分代码。两次我都得到

TypeError: this.$refs is undefined

我已经尝试过Google以获得更多信息。所有解决方案都是针对未完全加载的应用程序-据我所知，这不适用于我的情况。有什么想法要看吗？