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

Question

我正在尝试为后端构建我的server.ts typecipt文件，我只是进行了导入，而我的应用未构建。

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

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

Since️由于webpack> = v2.0.0，默认情况下将导入JSON文件。 如果使用自定义文件扩展名，则可能仍要使用此功能。 有关更多信息，请参见v1.0.0-> v2.0.0迁移指南 。