Где найти актуальный package.json и package-lock.json для сборки react + webpack?

ну я просто видимо не знал не убрал bundle.css , bundle.js ,так как в старой сборке ishop3-b работало именно так через подключения в index

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

antares4045, нет речь про ishop3 , а ishop3-b это я добил старую сборку которая в начале вопроса была

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

antares4045, удалил node_modules , заново запустил сборку, потом удалил папку папку build и запустил
npm run start ,но папка билд не появилась, но сборка запустилась и увидел таблицу

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

antares4045, такая таблица и должна быть вот только у меня ее нет ,и не знаю почему, сборку обновил на гитхабе, а ошибка таже осталась

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

antares4045, это поправил ,но все рано ошибка осталась

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

antares4045, залил https://github.com/AnrikoTacatti/FD3-Pauls/tree/ma...

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

antares4045, да вот https://github.com/AnrikoTacatti/FD3-Pauls/tree/ma...

вот этот фаил

import React from 'react';
import ReactDOM from 'react-dom'; /* для работы с веб страницами */  // модуль React для работы с веб-страницами 
import ProductList from '/js/components/ProductList.js';

const tableName = "Таблица продуктов";

const tableColName = {
    name: "название",
    price: "цена",
    src: "фотография",
    quality: "кол-во ед"
};

const product = require('/js/data/products.json');


ReactDOM.render(<ProductList name={tableName} colname={tableColName} product={product} />, document.getElementById('root'));

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

antares4045, вот эта строка

ReactDOM.render(<ProductList name={tableName} colname={tableColName} product={product} />, document.getElementById('root'));

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

Посмотрел сегодня в консоль там наверно для jsх что ,то не установленно или что это?

bootstrap e072cea83c7263748e13:62 Uncaught Error: Module build failed: SyntaxError: C:\Users\Anriko\Desktop\домашка реакт\FD3-Pauls\ishop3-b\src\index.js: Unexpected token (19:16)

[0m [90m 17 | [39m
 [90m 18 | [39m
[31m[1m>[22m[39m[90m 19 | [39m[33mReactDOM[39m[33m.[39mrender([33m<[39m[33mProductList[39m name[33m=[39m{tableName} colname[33m=[39m{tableColName} product[33m=[39m{product} [33m/[39m[33m>[39m[33m,[39m document[33m.[39mgetElementById([32m'root'[39m))[33m;[39m
 [90m    | [39m                [31m[1m^[22m[39m
 [90m 20 | [39m[0m

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

antares4045, да только не совсем понимаю ,какие пакеты для чего и от каких можно избавиться если проект поменьше ,и зачем столько всего а файле веб пака если раньше было у меня
вот столько

const VueLoaderPlugin = require('vue-loader/lib/plugin');

module.exports = {
    watch: true,
    mode: 'none',
    output: {
        filename: 'main.js',
    },
    module: {
        rules: [
            {
                test: /\.vue$/,
                loader: 'vue-loader',
            },
            {
                test: /\.(js)$/,
                exclude: /(node_modules)/,
                use: ['babel-loader', 'eslint-loader'],
            },
        ],
    },
    plugins: [
        new VueLoaderPlugin(),
    ],
};

или так вод для этого проекта

сonst path = require('path');

const ExtractTextPlugin = require("extract-text-webpack-plugin");

const extractCSS = new ExtractTextPlugin({
    filename: "bundle.css"
});

module.exports = { 
    entry: "./index.js", // основной файл приложения
    output:{ 
        path: path.resolve(__dirname, 'build'), // путь к каталогу выходных файлов
        filename: "bundle.js"  // название создаваемого файла 
    }, 
    devtool:'source-map',
    module:{ 
        rules:[
            { 
                test: /\.jsx?$/, // какие файлы обрабатывать
                exclude: /node_modules/, // какие файлы пропускать
                use: { loader: "babel-loader" }
            },
            {
                test: /\.css$/,
                use: extractCSS.extract({
                    use: ["css-loader"]
                })
            }            
        ] 
    },
    plugins: [
        extractCSS
    ]
}

и почему бабель я раньше подключал так

<script src="https://unpkg.com/@babel/standalone@7.15.5/babel.min.js"></script>
<script crossorigin src="https://unpkg.com/react@17/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script>

и проект запустился и все работало,а тут столько пакетом одного бабель
только

"@babel/core": "^7.13.16",
    "@babel/polyfill": "^7.12.1",
    "@babel/preset-env": "^7.13.15",
    "@babel/preset-react": "^7.13.13",
    "babel-loader": "^8.2.2",

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

вот поправил вроде запустилась

new CopyPlugin({
        patterns: [
            {
                from: publicPath,
                to: distPath,
                noErrorOnMissing: true,
                filter: async (resourcePath) =>
                    path.normalize(resourcePath) !=
                    path.normalize(path.resolve(publicPath, "index.html")),
            },
        ],
    }),

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

antares4045, а вы не могли бы платно поднатаскать меня по этим сборкам ?

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

Необходимо добавить опцию noErrorOnMissing: true, которая скажет сборщику, если папка пустая, то пропустил ее и не генерируй ошибку
только куда ее добавить?
Да ,спасибо, огромное человеку который откликнулся и столько уже помог мне по вопросу,очень ему благодарен

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

antares4045,и еще вод ошибка осталась

ERROR in unable to locate 'C:/Users/Anriko/Desktop/домашка реакт/FD3-Pauls/ishop3/public/**/*' glob after filtering paths

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

antares4045, а почему у вас сборка на вебпаке получилась ,если есть react-scripts ?

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

antares4045, react-scripts вроде для него нужна обертка чтобы настроить под себя , и такая задания на курсе по реакту ,а как оказалась учитель не знает вебпак ,но знает реакт и ангуляр , вот парадокс и он 15 во фронтенде

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

и не совсем понимаю ,что вот это за фаил public/manifest.json, да со зборками у меня туго , я пробовал писать в стандалоне приложение ,а сборки обходил всегда

и почему script надо убрать во многих сборка вебпака он есть в индексе

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

antares4045, а кто в него подключит скрипты если я уберу и почему он в папке паблик ,а не в корне должен быть ? или в папке build ?

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

вот мой index

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div id="root"></div>
<script  src="./main.js"></script>
</body>
</html>

Где найти актуальный package.json и package-lock.json для сборки react + webpack?

antares4045, а что это за фаил ? нужно создать папку public ?