Question

一个非常奇怪的问题是，导入到app.js中的组件在进行更改时不会刷新/重新加载，但是对app.js所做的更改会反映在模拟器和我的手机中。

因此，如果我更改导航组件中的任何内容，则什么也不会发生。如果我更改ActionBar标题，该更改会得到反映，但导航中的第一个更改仍然没有。

这只有在我重新加载整个项目时才会生效。

<template>
    <Page>
        <ActionBar title="Welcome to the Shop"/>
        <GridLayout columns="*" rows="*">
            <Label class="message" :text="msg" col="0" row="0"/>
            <navigation></navigation>
        </GridLayout>
    </Page>
</template>

<script>
import navigation from '@/components/navigation/Master.vue';

  export default {
    components: {
        'navigation': navigation
    },
    data() {
      return {
        msg: 'Hello World! This is Big D.'
      }
    }
  }
</script>

Answer 1

实际上，Webpack曾经用来监视Nativescript中的那些更改，并且在重新呈现本机元素时还没有变得成熟。我也经常遇到这个问题！我观察到，这种情况曾经发生在我曾经观看过教程的人身上。

如果您在应用程序中添加或删除任何文件，则需要删除平台文件夹并运行tns run命令。

但是我建议您使用Sidekick，因为它使用的是HMR，它比正常的tns cli更好。使用起来更加舒适。这是链接SideKick

NativeScript-Vue-组件未刷新，但app.js可以

1 个答案: