NativeScript Vue-组件不刷新,但app.js会刷新

NativeScript Vue-组件不刷新,但app.js会刷新,nativescript,nativescript-vue,Nativescript,Nativescript Vue,有一个非常奇怪的问题,导入到app.js中的组件在进行更改时不会刷新/重新加载,但对app.js所做的更改会反映在模拟器和我的手机中 因此,如果我更改导航组件中的某些内容,则不会发生任何事情。如果我更改了ActionBar标题,则会反映出更改,但导航中的第一个更改仍然没有反映出来 只有在重新加载整个项目时,该操作才会生效 <template> <Page> <ActionBar title="Welcome to the Shop"/>

有一个非常奇怪的问题,导入到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>

从“@/components/navigation/Master.vue”导入导航;
导出默认值{
组成部分:{
“导航”:导航
},
数据(){
返回{
味精:“你好,世界!我是大D。”
}
}
}

实际上,Webpack用于监视Nativescript中的这些更改,但在重新呈现本机元素方面还不成熟。我也经常面对这个问题!我观察到,这种情况曾经发生在那些我甚至经常看教程的人身上

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


但是我建议您使用Sidekick,因为它使用HMR,它比正常的tns cli工作得更好。使用起来舒服多了。这是链接

您能解释一下您试图在导航组件中做哪些更改吗?如果可能,也发布导航组件代码!嗨@KarthikArwin,变化非常简单。我有一个底部导航与3表-商店,收藏夹,设置。如果我将标签名称从一个商店更改为另一个商店,则不会反映/重新加载更改。我对NativeScript还是新手,所以我没有做任何高级或复杂的事情。只是试着去感受一下平台。哦,明白了!实际上,Webpack过去一直在监视Nativescript中的这些更改,但在重新呈现本机元素方面还没有成熟。我也经常面对这个问题!我观察到,这种情况曾经发生在那些我甚至经常看教程的人身上。如果在应用程序中添加或删除任何文件,则需要删除平台文件夹并运行
tns run
命令。但是我建议您使用Sidekick,因为它使用HMR,它比正常的tns cli工作得更好。使用起来舒服多了。这是链接Hi@KarthikArwin,非常感谢,伙计,Sidekick工作得很好,现在我的组件正在渲染更改。从terminal命令运行项目时,这是多么奇怪的事情。我仍然在考虑是否在NATScript脚本或颤动中做下一个项目,实际上我只是切换到学习颤动,因为这个问题——我会考虑“次要”,使我把NestScript看作一个不稳定的平台。我之所以想使用NativeScript,是因为我对Vue有着丰富的经验。@KarthikArwin如果您将最后一条消息作为答案发布,我会将其标记为正确,因为它解决了我的问题。