프로덕션 빌드 전용 오류:Vuetify 대상 데이터 앱을 찾을 수 없습니다.

프로덕션 빌드 전용 오류:Vuetify 대상 데이터 앱을 찾을 수 없습니다.

이 오류는 프로덕션 빌드에서만 발생합니다.

이 문서와 관련된 문제를 읽었는데도 제대로 작동하지 않습니다. <v-app>에 싸여 있다.v-dialog왜 아직도 불평을 하나요?

여기 제 코드가 있습니다.

// App.vue
<template>
  <v-app id="inspire">
    <v-dialog max-width="500px">
      <v-card>
        <v-card-title>
          Create
        </v-card-title>
      </v-card>
    </v-dialog>
  </v-app>
</template>

\\main.js
import Vue from "vue";
import store from "./store/store";
import Vuetify from "vuetify";
import "vuetify/dist/vuetify.min.css";
import App from "./App.vue";

Vue.use(Vuetify);
Vue.config.productionTip = false;
new Vue({
  el: "#app",
  store,
  render: h => h(App)
});

더하다data-app과녁에 귀속시키다

<div data-app>
      <MyComponent />
</div>

v-app 추가

<v-app>
      <MyComponent />
</v-app>

죄송해요, 제 잘못입니다.이 오류가 발생한 이유는 두 가지가 있었기 때문입니다.<script>vue js 파일을 Import한 html 태그.그래서 두 번 작동했군요.태그 중 하나를 제거했더니 잘 작동합니다.

laravel-mix와 vuetifyjs-mix-extension을 통한 vuetify 사용에서도 비슷한 오류가 발생하였습니다.config webpack.mix.js vuetify-loader에 추가했습니다.

mix.js('src/js/app.js', 'js').vuetify('vuetify-loader').vue();

언급URL : https://stackoverflow.com/questions/56763032/production-build-only-error-vuetify-unable-to-locate-target-data-app