webpack错误：您可能需要适当的加载程序来处理此文件类型

Question

我正在尝试为后端构建我的server.ts typescipt文件，我只是一些导入，我的应用程序没有构建。

在我的打字稿文件中，我有：

import * as Express from 'express'
import * as Session from 'express-session'
let app = Express()

app.use(Session({
    secret: '2C44-4D44-WppQ38S',
    resave: true,
    saveUninitialized: true
}));

我的节点控制台中的错误：

这是我的webpack配置：

 module: {
        loaders: [     
            { test: /\.tsx?$/, loaders: ['babel', 'ts-loader'] },
            { test: /\.css$/, loaders: ['style', 'css-loader'] },
            { test: /\.scss$/, loaders: ['style', 'css-loader?modules&importLoaders=1&localIdentName=[local]-[hash:base64:5]', 'postcss-loader', 'sass'] },
            { test: /\.(png|svg|gif|jpg|jpeg)$/, loaders: [ 'url-loader', 'image-webpack?bypassOnDebug'] },
            { test: /\.(eot|woff|ttf|woff2)$/, loader: "file?name=[name].[ext]" }
        ]
    }

我试着做

test: /\.(ts|tsx)?$/

但它不起作用.. 你有什么想法吗？

谢谢

Answer 1

从你的评论（你使用webpack 1），你有两个选择，要么更新你的webpack版本，要么使用它：

https://github.com/webpack-contrib/json-loader

  

⚠️由于webpack＆gt; = v2.0.0，默认情况下导入JSON文件将起作用。如果您使用自定义文件扩展名，则可能仍希望使用此选项。有关详细信息，请参阅the v1.0.0 -> v2.0.0 Migration Guide