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

【问题标题】：webpack error : You may need an appropriate loader to handle this file typewebpack 错误：您可能需要适当的加载程序来处理此文件类型
【发布时间】：2017-11-22 22:55:53
【问题描述】：

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

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

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)?$/

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

谢谢

【问题讨论】：

您没有加载json 文件的规则。你实际使用的 webpack 版本是什么？
@lilezek 在我的 package.json 中，我有 "webpack": "^1.14.0"

标签： node.js typescript webpack

【解决方案1】：

根据您的评论（您使用 webpack 1），您有两个选择，要么更新您的 webpack 版本，要么使用这个：

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

⚠️ 由于 webpack >= v2.0.0，默认情况下可以导入 JSON 文件。如果您使用自定义文件扩展名，您可能仍想使用它。更多信息请见the v1.0.0 -> v2.0.0 Migration Guide

【讨论】：