Vue Cli 3 - Typescript - стили Vuetify не работают с отдельным файлом шаблона с @WithRender

Question

Мой исходный код выглядит следующим образом,

<script lang='ts'>
import { Vue, Component, Prop } from 'vue-property-decorator';
import WithRender from './ali-ums-progress.html';
import Constants from '../../constants';

@WithRender
@Component
export default class AliUMSProgress extends Vue {
}
</script>

<style lang='scss' scoped>
  @import './ali-ums-progress.scss';
</style>

HTML и scss файлы хранятся отдельно. Использование @ WithRender HTML-содержимое отображается, но не работает стили по умолчанию.

Может кто-нибудь помочь мне здесь?

Answer 1

Я нашел решение для этого ...

После установки vuetify с помощью команды ' vue add vuetify ' создается файл ' src / plugins / vuetify.ts '.

В этом файле замена строки import Vuetify из 'vuetify / lib' на import Vuetify from 'vuetify' решила мою проблему.