Webpack：你可能需要一个合适的加载器来处理这个文件类型答案

【问题标题】：Webpack: You may need an appropriate loader to handle this file typeWebpack：你可能需要一个合适的加载器来处理这个文件类型
【发布时间】：2016-07-13 12:58:07
【问题描述】：

我有一个带有 webpack 的 nodejs 小项目。我对 webpack 比较陌生，所以我认为这就是问题所在。

如果我安装 log4js、winston 或其他记录器库并运行我得到的应用程序

WARNING in ./~/log4js/lib/log4js.js
Critical dependencies:
388:21-38 the request of a dependency is an expression
 @ ./~/log4js/lib/log4js.js 388:21-38

WARNING in ./~/log4js/lib/appenders/logstashUDP.js.orig
Module parse failed: /Users/me/Development/jstemplate/node_modules/log4js/lib/appenders/logstashUDP.js.orig Line 31: Unexpected token <<
You may need an appropriate loader to handle this file type.
| 
|     var logObject = {
| <<<<<<< HEAD
|       '@timestamp': (new Date(loggingEvent.startTime)).toISOString(),
|       type: type,
 @ ./~/log4js/lib/appenders ^\.\/.*$

这是我的 webpack 配置

var webpack = require('webpack');
var path = require('path');

var APP_DIR = path.join(__dirname, '..', 'src');

var devFlagPlugin = new webpack.DefinePlugin({  
  __DEV__: JSON.stringify(JSON.parse(process.env.DEBUG || 'false'))
});

module.exports = {
  debug: true,
  devtool: 'eval',
  entry: ['webpack-hot-middleware/client', './src/index.tsx'],
  module: {
    preLoaders: [{
      test: /\.tsx?$/,
      loader: 'tslint',
      include: APP_DIR
    }],
    loaders: [{
        test: /\.tsx?$/,
        loaders: ['babel', 'ts'],
        include: APP_DIR
    }]
  },
  output: {
    filename: 'app.js',
    path: path.join(__dirname, '..', 'build'),
    publicPath: '/static/'
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
    devFlagPlugin
  ],
  resolve: {
    root: [path.resolve('../src')],
    extensions: ['', '.jsx', '.js', '.tsx', '.ts', '.json']
  },
  resolveLoader: {
    root: '../node_modules'
  },
  node: {
    fs: "empty"
  }
};

【问题讨论】：

标签： javascript node.js webpack

【解决方案1】：

打开这个文件。它已损坏。

    var logObject = {
<<<<<<< HEAD
      '@timestamp': (new Date(loggingEvent.startTime)).toISOString(),
      type: type,
      message: logMessage,
      fields: fields,
      category: loggingEvent.logger.category
=======
      "@version" : "1",
      "@timestamp" : (new Date(loggingEvent.startTime)).toISOString(),
      "type" : config.logType ? config.logType : config.category,
      "message" : layout(loggingEvent),
      "fields" : _.extend(config.fields,
                    loggingEvent.data.length > 1 ? loggingEvent.data[1] : {},
                    {'level':loggingEvent.level.levelStr})
>>>>>>> jumpgh-master
    };

看起来像合并冲突。看起来这个模块有问题，而不是 webpack。

【讨论】：