Javascript 您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件

我正在尝试将webpack与我的react项目集成，并收到以下错误消息

You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.

我试图在这里找到一些答案，但没有结果。看起来问题源于我试图呈现整个应用程序的index.js页面

ReactDOM.render(<Main />, document.getElementById('root'));

这是我的webpack.config.build.js文件：

const webpack = require('webpack'); 
module.exports = (env) => {
const envKeys = Object.keys(env).reduce((prev, next) => {
prev[`process.env.${next}`] = JSON.stringify(env[next]);
return prev;
}, {});

module:{
    rules:[{
        loader: 'babel-loader',
        test: /\.js$|jsx/,
        exclude: /node_modules/
    }]
}


return {
plugins: [
  new webpack.DefinePlugin(envKeys)
]
};
};

如有必要，任何my.babelrc文件：

.babelrc
{
"presets": ["env", "react","@babel/preset-env"],
"plugins": [
    "transform-class-properties"
]
}

这是我的index.js文件：

import React from 'react';
import ReactDOM from 'react-dom';

import Main from './Main';
import * as serviceWorker from './serviceWorker';


ReactDOM.render(<Main />, document.getElementById('root'));

从“React”导入React；
从“react dom”导入react dom；
从“/Main”导入Main；
将*作为serviceWorker从“/serviceWorker”导入；
ReactDOM.render（，document.getElementById（'root'））；

现在不知道这意味着什么。。。（可能已经回答了）

---

你眼前的问题就在这里。

--config

之后有回车符或新行

"build": "webpack --env.API_URL=https://neighbor-hood.herokuapp.com --config 
webpack.config.build.js",

试试这个

"build": "webpack --env.API_URL=https://neighbor-hood.herokuapp.com --config webpack.config.build.js",

---

你需要提供一些关于错误发生在哪里的细节，它指的是哪种文件类型？@logos_164我在上面编辑了我的帖子。问题来自index.js文件，在该文件中，我试图呈现我的整个应用-->ReactDOM.render（，document.getElementById（'root'）；你的第一个解决方案正是我所拥有的…？你有一个回车。您需要删除该选项或将“+”添加到行中。当我复制/粘贴您的第一个答案时，会收到相同的错误消息。第二个在JSON中抛出一个“意外的令牌+”哦，这可能不是解决问题的答案。这只是我在vscode窗口中复制/粘贴代码以格式化时注意到的代码中的一个问题。我将更新答案以删除第二个选项。你的问题可能不止这些。你介意同时发布你的index.js吗？我刚刚添加了它。谢谢你的帮助

"build": "webpack --env.API_URL=https://neighbor-hood.herokuapp.com --config webpack.config.build.js",