/built/bundle.js net :: ERR_ABORTED 404 (не найдено) - PullRequest
Новая
       9

/built/bundle.js net :: ERR_ABORTED 404 (не найдено)

0 голосов
/ 02 ноября 2019

Когда я пытаюсь подключить React JS во внешнем интерфейсе и Java Spring во внутреннем, у меня возникает проблема с сгенерированным файлом: bundle.js.

Моя ошибка: Ошибка

Я меняю путь в index.html и в Webpack, но каждый раз он не работает. Однажды, когда src в index.html был , он работал, поэтому я создал пост с этой версией index.html , но React не отображал новый вид. Я попытался mvnw clean , но после этого проект не смог найти ' bundle.js '. Для сборки проекта я использую mvnw spring-boot: run * 1016. *.

Это моя index.html страница: 

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<div>
    Hello World!
</div>

<p>
    <input type="button" value="About Me" onclick="window.location.href='/aboutMe' "/>
</p>

<div id="react"></div>
<script src="./../../../../built/bundle.js"></script>

</body>
</html>

Это моя webpack.config.js : 

const path = require('path');

module.exports = {
  entry: './frontend/App.jsx',
  devtool: 'sourcemaps',
  cache: true,
  mode: 'development',
  resolve: {
    extensions: ['.js', '.jsx'],
  },
  output: {
    path:__dirname,
    filename: './built/bundle.js',
  },
  module: {
    rules: [
      {
        test: path.join(__dirname, '.'),
        exclude: /(node_modules)/,
        use: [{
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env', '@babel/preset-react'],
          },
        }],
      },
    ],
  },
};

My App.jsx Файл: 

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

class App extends Component {

    render() {
        return (
            <div>
                <h1>Hello from React</h1>
            </div>
        );
    }
}

ReactDOM.render(
    <App />,
    document.getElementById('react'),
);

Структура моего проекта:

Project Structure

...