cli3在使用keep-alive之后热重载页面空白，大家有遇到过吗，如何解决啊。

App.vue

    <keep-alive>
      <router-view :key="key"/>
    </keep-alive>

NewsIndex.vue

<template>
    <div>
        <ul class="cards">
            <li v-for="category in categorys" :key="category.id" class="card">
                <div class="card-title">
                    {{ category.name }}
                </div>
            </li>
        </ul>
    </div>
</template>

<script lang="ts">
import { Vue, Component } from 'vue-property-decorator';
import { NewsCategory } from './read';

@Component
export default class HealthyNews extends Vue {
    private categorys: NewsCategory[] = [];

    async mounted () {
        this.$toast.loading({
            message: '加载中...'
        });
        await Promise.all([
            this.getCategory()
        ]);
        this.$toast.clear()
    }

    getCategory () {
        return this.$http.get('v1/categorys', {
            pid: 1,
            is_news: 1
        })
            .then(result => {
                if (result.code === 0) {
                    this.categorys = <Array<NewsCategory>>result.list
                }
            })
    }
}
</script>