Почему webpack ругается на импорт React компонента?

Question

[WizardW]

У меня webpack ругается на import App from "./src/App", где App - jsx файл

Пытаюсь сделать SSR, импортирую этот компонент в файле сервера

Comments

[Антон Спирин]

А что у вас в webpack.server.js?

[WizardW]

Антон Спирин,

const path = require("path");
const webpackNodeExternals = require("webpack-node-externals");

module.exports = {
  target: "node",
  entry: "./server.js",
  output: {
    filename: "bundle.js",
    path: path.resolve(__dirname, "build"),
    publicPath: "/build"
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        loader: "babel-loader",
        exclude: "/node_modules/",
        options: {
          presets: [
            "react",
            "stage-0",
            ["env", { target: { browser: ["last 2 versions"] } }]
          ]
        }
      }
    ]
  },
  externals: [webpackNodeExternals()]
};

[WizardW]

Антон Спирин, если добавить .jsx к App, то получается такая ошибка

Answer 1

[Антон Спирин]

Замените:
test: /\.js$/,
на:
test: /\.jsx?$/,