Webpack：このファイルを扱うために適切なローダーが必要な場合があります。

Question

awesome-typescript-loaderを使用してtypescriptをwebpackで設定しています。予期しない トークン（2時19分）あなたが適切なローダーが必要な場合があります：モジュールが失敗したパース

./src/logic/Something.tsで

ERROR：しかしWebPACKのは私のビルドでこのエラーを与えていますこのファイルを処理します タイプです。ここ

webpack.config.jsからのコードの一部です：

module: { 
     loaders: [ 
      { 
       test: /\.(js|jsx)?$/, 
       loader: "babel-loader", 
       exclude: /node_modules/ 
      }, 
      { 
       test: /\.(ts|tsx)?$/, 
       loader: "awesome-typescript-loader", 
       exclude: /node_modules/ 
      }, 
      { 
       test: /\.(css|less)?$/, 
       use: [{ 
        loader: "style-loader" 
       }, { 
        loader: "css-loader?modules&localIdentName=[local]--[hash:base64:5]" 
       }, { 
        loader: "less-loader" 
       }] 
      }, 
      { 
       test: /\.json$/, 
       exclude: /node_modules/, 
       loader: 'json-loader' 
      } 
     ] 
    }, 
    resolve: { 
     extensions: [".js", ".jsx", ".ts", ".tsx", ".css", ".less"] 
    } 

とtsconfig.json：

{ 
    "compilerOptions": { 
    "noImplicitAny": false, 
    "noEmitOnError": true, 
    "module": "commonjs", 
    "removeComments": false, 
    "sourceMap": true, 
    "target": "es5", 
    "jsx": "react" 
    }, 
    "exclude": [ 
    "node_modules", 
    "wwwroot" 
    ] 
} 

UPDATE

Something.tsファイル：

class Something { 
    constructor(str: string) { 
     console.log(str); 
    } 
} 

export { Something }; 

問題が発生している可能性のあるアイデアはありますか？ありがとう！

Answer 1

ので、同じようにそれをやって試してみてください。

{ 
    test: /\.(ts|tsx)?$/, 
    use: [ 
     loader: "awesome-typescript-loader" 
    ], 
    exclude: /node_modules/ 
} 

webpack v3がuseを使用しての代わりに、直接