Webpack:您可能需要一个合适的加载程序来处理此文件

时间:2017-11-20 13:00:45

标签: javascript typescript webpack

我正在使用curl -X POST --data "username=test&password=test" http://some/path 使用webpack设置打字稿。但是webpack在构建时给出了这个错误:

   ./src/logic/Something.ts中的错误

     

模块解析失败:意外   token(2:19)您可能需要一个合适的加载器来处理此文件   类型。

这是awesome-typescript-loader的一段代码:

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" ] } 档案:

Something.ts

您对此问题有什么想法吗?谢谢!

1 个答案:

答案 0 :(得分:4)

webpack v3要求使用use而不是直接编写loader规则来加载loaders

这样做,而不是:

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