種類

Question

私は活字体2、WebPACKのと角1.5を使用してグリップを取得しようとしますが、WebPACKのを構築することという文句は続けるとしています@/node_modulesを使用するようにWebPACKのを説得：

は角タイプ/ @モジュール」を解決できません。 'in C：\ play \ gt \ src

私は困惑しています。これをグーグルで見ていて、だんだんと混乱していますが、どこにもいません。

import * as angular from "@types/angular"; 
let app = angular.module ("GT.module", []); 

私のTSconfigは、次のようになります：

私app.tsは次のようになります

{ 
    "compilerOptions": { 
    "module": "commonjs", 
    "target": "es5", 
    "sourceMap": true, 
    "typeRoots" : [ 
     "node_modules/@types" 
     ] 
    }, 
    "exclude": [ 
    "node_modules", 
    "**/*.spec.ts" 
    ], 
    "include" : [ 
    "src/**/*" 
    ] 
} 

...そして最後のWebPACKの設定：

module.exports = { 
     entry: './src/app.ts', 
     output: { 
      filename: './dist/app.js' 
     }, 
     devtool: "source-map", 
     resolve: { 
      extensions: ['', '.webpack.js', '.web.js', '.ts', '.js'], 
      modulesDirectories: ["node_modules"] 
     }, 
     module: { 
      loaders: [ 
       { test: /\.ts$/, loader: 'ts-loader' } 
      ] 
     } 
    } 

が

Answer 1

@typesはあなたをモジュールされていませんインポートできるので、コンパイラが参照するためのtypedefです。

@types/angularパッケージには実際に.moduleが実装されておらず、コードがコンパイルされている場合は、コードが破損します。あなたはそれをしませ指示しない限り、コンパイラが自動的に@types/*パッケージからのtypedefが含まれるとして、あなたは一般的にも、referenceを必要としません

/// <reference path="../node_modules/@types/angular/index.d.ts" /> 
import * as angular from "angular"; 
let app = angular.module ("GT.module", []); 

しかし：

は、おそらくより多くのような何かをしたいです（tsconfig.jsonにtypesまたはtypeRootを設定してください）。この動作はv2で追加され、かなり最近です。

Answer 2

ディレクトリツリーはどのように見えますか？ それは次のようになります。

node_modules/ 
    @types/ 
     angular/ 
src/ 
tsconfig.json 
webpack.config.js 

を活字体コンパイラ2.0 import * as angular from "angular";

になったはずですそして、あなたは"typeRoots" : ["node_modules/@types"]

とimport * as angular from "@types/angular";を必要としないところを右にタイピングを見つけるに見るために知っているだろう場所（例：node_modules/@types）