Vueファイル内で型を使用したい(typescript)<script lang="ts">

Question

vueファイル内でtypescriptのように記述すると型を使用できるのはtsファイル内のみですという警告がでます。
received: function (reply: any): void { }, ←型を使用できるのはtsファイル内のみ
警告が出ないようにする方法はないでしょうか？

全文

<script lang="ts"> import Vue, { ComponentOptions } from 'vue' export default Vue.extend({ name: 'AccountListView', data() { return { request: { auto: true, url: "/AccountManagement/GetList", data: "" }, reply: { error: false, data: "", received: function (reply: any): void { }, ←型を使用できるのはtsファイル内のみ failed: function (reply: any): void { } } } } }); </script>

Answer 1

回答がないため解決にします。

Answer 2

おそらく、Webpackのconfig周りの問題だとは思います。上記コードだけからは問題がはっきりしませんが、ここから原因を探していくよりは、雛形から始めてしまった方が早そうですね。

まだベータですが、vue-cli 3.0からはTypeScript対応を含んだ雛形を生成してくれるようになっています。試してみて下さい。

Comments

[退会済みユーザー]

ためそう