web-dev-qa-db-ja.com

Angular 2、Visual Studio 2015アップデート1、タイプスクリプト構成

この1週間、次の構成を使用して非常に単純なプロジェクトを構成して開始しようとしています。

Angular 2、Visual Studio 2015アップデート1、タイプスクリプト構成

プロジェクトのルートにtsconfig.Jsonがあり、次の内容が含まれています。

{
    "compilerOptions": {
        "rootDir": "src",
        "outDir": "web/js",
        "target": "es5",
        "module": "system",
        "declaration": false,
        "noImplicitAny": false,
        "removeComments": true,
        "noLib": false,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "sourceMap": true,
        "listFiles": true
    },
    "exclude": [
        "wwwroot",
        "node_modules"
    ],
    "filesGlob": [
        "app/**/*.ts"
    ]
}

ソリューションエクスプローラーで仮想プロジェクトを確認できます。angularそして必要なすべてのパッケージがangular.ioの5分間のチュートリアル（ https://angular.io/guide/クイックスタート ）。

これは私のApp.tsにあるものです：

import {bootstrap, Component} from 'angular2/angular2';
@Component({
    selector: 'my-app',
    template: '<h1>My First Angular 2 App</h1>'
})
class AppComponent { }
bootstrap(AppComponent);

私が得ているエラーは次のとおりです。

シンボル 'コンポーネントを適切に解決できません。おそらくアクセスできないモジュールにあります'

同じ設定がVSCodeで問題なく機能します。

私が欠けているものを見せていただければ幸いです。

ありがとう。

typescriptvisual-studio-2015asp.net-coreangular
20
Alex

今のところ回避策が見つかりました。リシャーパーサポートに連絡し、ここで回答を共有します。

「ctrl + alt + shift + 8」キーボードショートカットを使用して、リシャーパーをすばやく無効にします。この後もインテリセンスが得られませんでした。これを修正するには、リシャーパー設定でTypeScriptインテリセンスをVisualStudioに変更します。

この2つの変更後、偽のエラーメッセージは表示されません。

これが同じ問題を抱えている他の人々に役立つことを願っています。

10
Alex

2016.2.2を使用しているので、今のところリシャーパーTypeScript検査を無効にしましたが、それでもTypeScript2.0.3で問題が発生します。

Resharper>オプション>コード検査>設定

「ファイルマスク」（右下）を見つけて、*。tsを追加します

9
MIP1983

Resharperがある場合-> ResharperTypeScript言語設定を確認します。更新後1TypeScriptはプロジェクトで1.7に更新される場合がありますが、Resharperは現在1.6にしか検出しません。デフォルト設定は、エラーの原因となる自動検出です。

4
Jeff H

これはResharperのバグであり、Resharper2016.1で修正されています。

最新バージョンに更新 を試してください。手動で1.6に設定した場合は、必ずResharperを設定してTypeScriptバージョンを自動検出するようにしてください。

1
StriplingWarrior