2016-12-30 30 views
4

私はVueとTypescriptを学ぼうとしています。しかし、私はそれを正しく設定することはできません。TypescriptでVueJSを使用するには?

私はこれらのコード行とapp.tsファイル作られた:私は、これはこのような何かをコンパイルするだろうと思った

import { Vue } from "../libs/vue/vue"; 

var app = new Vue({ 
    el: "#app", 
    data: { 
     message: 'Hello Vue!' 
    } 
}); 

を:

var app = new Vue({ 
    el: '#app', 
    data: { 
    message: 'Hello Vue!' 
    } 
}) 

しかし、その代わりに、私はエラーのトンを取得しています私はtscを実行します。あたかもVue定義ファイルを作成しようとしているようですね? Image here

Vueでtypescriptを使用するにはどうすればできますか?これを手伝ってくれるチュートリアルはありますか?私はいくつかのオンラインを見つけましたが、誰も助けてくれないようです。あるいは彼らは私に同じ問題を与えるav-tsのような他のライブラリを使っています。

答えて

2

これは公式な文書です。

https://vuejs.org/v2/guide/typescript.html

また、なぜあなたは "../libs/vue/vue" からのVueをインポートしていますか? これが原因の可能性があります。 あなたはnpm install vueでVue.jsをインストールしている場合は、あなたが

import Vue = require('vue'); 

または

import * as Vue from 'vue'; 
+0

を書く必要があり、私はあなたが言ったことを試みたが、それはまだ私にああ、私が見つけた.d.tsファイル – user2657943

+0

でエラーが発生します問題。詳細なMsBuildログを確認した後、VSはTypescript 1.8を使用していました。だから、[Typescript 2.1.4](https://www.microsoft.com/en-us/download/details.aspx?id=48593)をインストールした後、うまくいきました! – user2657943

関連する問題