anriko, так давайте убедимся (просто меня смущает, что я в проекте не вижу ни gitignore ни node_modules).
находясь в папке ishop3 вы сначала выполнили комманду npm install
и в неё появилась папка node_modules
затем в той же папку вы выполнили команду npm run start и получили ошибку?
anriko,
прав создавать новые ветки у меня нет а пушить в мастер как-то не красиво:
1) при импорте важно сохранять регистр вы импортировали
"/js/сomponents/ProductList.js"
а надо "/js/Components/ProductList.js"
а лучше вообще "./js/Components/ProductList"
2) в коде ProductList.js объявлена функция ProductList а экспортируется ProductLis
чтобы избегать такого рода ошибок рекомендую экспортировать сразу при объявлении: что-то вроде
export default function ProductList({product, colname, name}){
...
}
после этих двух испправлений получил вот такую картинку
anriko, файл
"Рабочий стол"\"домашка реакт"\FD3-Pauls\ishop3-b\src\index.js
строка 19
символ №16
неожиданный символ
что у вас конкретно там не так: никто не настолько волшебик
anriko, большая часть того, что вы там видите нужна для всяких scss sass и возможнотей подключать шрифты с карнтинками прямо в реакт -- большая часть вебпак конфига вам вероятно и вправду не нужна.
По поводу вашего старого конига, утверждать не берусь с полной уверенностью, но очень похоже на конфигурацию vue-cli-service, и если я прав, то там под капотом барабулька намного порядков страшнее крутится -- просто её от вас спрятали.
другой механизм подключения бабела...
ну как минимум подключение через cdn делает сайт чуть менее производительным в данном случае (и невозможным к использованию на изолированных от внешнего интернета сетях), и признаться я не уверен, что здесь бабел используется хоть для чего-то кроме трансформации реакта, а моя сборка позволяет билдить для старых браузеров например (хотя я уже не помню, где это настраивается).
anriko, честно говоря, я не уверен что могу дать очень уж много: у меня примерно по году опыта коммерческой разработки на vue2 и react16. Большую часть вы вполне способны подчерпнуть просто пробежав по диагонали глазами официальные (даже русифицированые доки).
а флаг добавить в конфигурацию CopyPlugin (строка 36 файла webpack.config.js)
WbICHA, просто пару раз оказывался в аналогичной ситуации (микроконтроллеры, глубокая оптимизация алгоритмов и т.д.) когда я не понимал какой-то элементарной вещи, а все кто в теме просто косо поглядывали а "объяснить очевидное" ленились.
anriko, как я и написал в изначальном ответе, это был образовательный эксперимент, и если есть возможность то лучше всётаки пользоваться именно react-scripts (а лучше вообще сразу create-react-app ом)
anriko, какраз наоборот react-scripts офигенная обёртка вокруг этого всего, сделаная фейсбуком, которая позволяет не воевать с зависимотями а сразу начинать писать
anriko, manifest... ну очень грубо говоря, это разновидность иконки, которая в явном виде подключена в html
скрипт надо убрать потому, что вы используете webpack: вся идея состоит исключительно в том, что он соберёт на основе содержимого src правильный бандл и сам его подключит куда следует.
anriko, вижу есть некоторый пробел в базовой теории. ознакомьтесь например с вот такой инструкцией https://youtu.be/eSaF8NXeNsA
(лично я видеоуроки не люблю, но паре моих коллег этот ролик сильно помог)
Достаточно просто
webpack
и
webpack-dev-server --progress --colors
Но можно и так)