您可能需要一个适当的加载器来处理此文件类型，目前没有配置任何加载器来处理此文件。“

Question

我正在使用yarn为react项目设置webpack，但出现以下错误：

./src/app.js 67：6模块分析失败中的错误：意外标记（67：6）您可能需要一个适当的加载器来处理此文件类型，当前没有配置任何加载器来处理此文件。请参阅https://webpack.js.org/concepts#Loadersℹ：编译失败。

webpack.config.js

const path = require("path");

module.exports = {
    entry: "./src/app.js",
    output: {
        path: path.join(__dirname, 'public'),
        filename: 'bundle.js'
    },
    module:{
        rules:[{
            loader: 'babel-loader',
            test: '/\.(js|jsx)$/',
            exclude: /node_modules/
        }]
    },
    devtool: 'cheap-module-eval-source-map',
    devServer: {
        contentBase: path.join(__dirname, 'public')
    }
}

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

package.json

{
  "name": "react",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "serve": "live-server public/",
    "build": "webpack",
    "dev-server": "webpack-dev-server"
  },
  "dependencies": {
    "babel-cli": "6.24.1",
    "babel-core": "6.25.0",
    "babel-plugin-transform-class-properties": "6.24.1",
    "babel-preset-env": "1.5.2",
    "babel-preset-react": "6.24.1",
    "live-server": "^1.2.1",
    "react": "^16.9.0",
    "react-dom": "^16.9.0",
    "webpack": "^4.39.3",
    "webpack-dev-server": "^3.8.0"
  },
  "devDependencies": {
    "@babel/core": "^7.6.0",
    "babel-loader": "^8.0.6",
    "webpack-cli": "^3.3.8"
  }
}

Answer 1

您使用了不必要的转义符：这不是必需的。

将测试：“/\.(jsjsx)$/”,替换为测试：/\.js$jsx/,,它应该可以正常工作。

我在我的机器中复制了您的问题，并发现了相同的问题，这是通过上面的修复解决的。