得到错误“您可能需要适当的加载程序来处理此文件类型。”使用Webpack编译ES6资产时

我将Webpack与Babel一起使用来在Nodejs应用程序中编译ES6资产,但出现以下错误消息:

You may need an appropriate loader to handle this file type.
|
|       const addMrnObj = {
|         ...jsonObj,|         optionalMrn: optionalMrn
|       };
 @ ./config/eventsource/eventsourceCall.js 5:18-40
 @ ./src/app.js
 @ multi ./src/app.js

我正在使用2.2.1版的Webpack和6.22.0版的babel-preset-es2015

下面是我的babel.rc配置

{
  "presets": [
    "es2015"
  ],"plugins": [
    "transform-flow-strip-types","transform-object-rest-spread","transform-class-properties","syntax-class-properties"
  ]
}

这是我的Webpack配置

var webpack = require('webpack');
var path = require('path');
var fs = require('fs');
var BabiliPlugin = require('babili-webpack-plugin');
var CopyWebpackPlugin = require('copy-webpack-plugin');

var BUILD_DIR = path.resolve(__dirname,'dist');
var APP_DIR = path.resolve(__dirname,'src');

var config = {
  entry: [
    APP_DIR + '/app.js',],target: 'node',output: {
    path: BUILD_DIR,filename: 'backend.js'
  },plugins: [
    new BabiliPlugin(),new CopyWebpackPlugin([{
      from: './config',to: 'config'
    }])
  ],module: {
    loaders: [
      {
        test: /\.js?/,exclude: /node_modules/,include: [ APP_DIR ],loader: 'babel-loader'
      }
    ]
  }
};

module.exports = config;

有人可以指出我需要进行哪些其他更改才能解决此错误。

topten800 回答:得到错误“您可能需要适当的加载程序来处理此文件类型。”使用Webpack编译ES6资产时

尝试在预设下的babel.rc文件中添加“ @ babel / preset-env”(也要安装预设)。 而且您的语法错误,应该是

{
  "presets": ["@babel/preset-es2015"]
}

文件名应为.babelrc而不是babel.rc

本文链接:https://www.f2er.com/2831259.html

大家都在问