私の個人的なプロジェクトとして、Electron と Vue を使用してデスクトップ アプリを作成したいと考えています。既に完成した GUI を使用して、すべてをセットアップして問題なく実行していますが、小さな問題が 1 つあります。システム情報を取得するためにsysteminformationを使用していますが、それを General.vue ファイルの script タグで呼び出しても機能しません。
General.js
<script>
import { defineComponent } from 'vue'
import systeminformation from 'systeminformation'
export default defineComponent({
name: 'General',
mounted () {
this.getData() // Call the function once started
},
methods: {
getData: function () {
console.log('test 1') // Gets printed out
systeminformation.cpu()
.then(data => console.log(data)) // All of these do nothing
.catch(reason => console.log(reason))
.finally(() => console.log('test 1.5'))
console.log('test 2') // Gets printed out
}
}
})
</script>
このコードは、デバイスの CPU に関するすべての情報を取得するはずですが、テスト以外はコンソールに何も表示されません。基本的なノードのみを使用した単純なテスト プロジェクトで実行してみましたが、想定どおりに動作します。
ここで機能しない理由についての私の唯一の理論は、おそらくそれが .vue にあり、アプリのバックエンド部分から離れすぎているということですか? どんな助けにもとても感謝します。実験したい場合は、クローンを作成するためのプロジェクトへのリンクを次に示します。