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遷移指南 。