Проблема Webpack

[ilhmjv]

Привет всем. Пишу на react + node.js, пишу интерфейс на реакте, написал webpack.config.js. Но при запуске скрипта из package.json "wb", получаю следующее исключение:
Error: Cannot find module '@babel/preset-es2015' from 'D:\Games\RAGEMP\server-files\interfaces\intf' - "Не возможно найти модуль модуль в путь". Проблема в том что устанавливал уже раз пять наверное этот модуль (npm i @babel/preset-es2015), но ошибка таже и в зависимостях node_modules так же он не появляется, и в package.json. Как фиксить это?
Если это требуется то снизу оставлю конфиг вебпак:

const webpack = require('webpack')
const path = require('path')

let NODE_ENV = 'production'
if (process.env.NODE_ENV) {
NODE_ENV = process.env.NODE_ENV.replace(/^\s+|\s+$/g, "")
}

module.exports = {
entry: {
index: "./src/index.js",
app: './src/App.js'
},
output: {
path: path.resolve(__dirname, 'src/buildInterfaces'),
filename: '[name].js'
},
module: {
rules: [{
test: /\.js$/,
exclude: [/node_modules/],
loader: 'babel-loader',
query: {
presets: ['@babel/react', '@babel/es2015'],
plugins: ['@babel/proposal-class-properties']
}
},
]
},
resolve: {
extensions: ['.js', '.json']
},
optimization: {
minimize: false
},
mode: "production"
}
И можно ли как то писать без вебпака используя реакт? Ибо писать интерфейсы на нативе это полный ад.

 

[ilhmjv]

Ошибку исправил, тем что убрал @babel/es2015'. Хоть ошибки и нет компилируется оно не так как надо а в js файлы вместо html, от такого мне никакого толку нету. Кто знает как превратить JSX в HTML?

 

[Евгений Бусько]

Ошибку исправил, тем что убрал @babel/es2015'. Хоть ошибки и нет компилируется оно не так как надо а в js файлы вместо html, от такого мне никакого толку нету. Кто знает как превратить JSX в HTML?

Это делает сам реакт, вы скорее всего не понимаете как работает React и SPA в целом.