Получение сетевой ошибки при попытке использовать liveserver и babel в качестве скриптов в package.json

Question

Я выполнил следующие команды для установки liveserver и babel в соответствии с инструкциями курса udemy, который я беру:

npm i -g babel-cli@6.24.1

npm i babel-preset-react@6.24.1

npm i babel-preset-env@1.5.2

npm i live-server

Моя иерархия папок следующая: у меня есть public/scripts/app.jsздесь код конвертируется из babel. Код исходит из путиsrc/app.js.

Это сценарий, который я запускаю в package.json

//portion of package.json, issue is with scripts
{
  "name": "indecision-app",
  "version": "1.0.0",
  "description": "Part of Mead React Course",
  "main": "index.js",
  "scripts": {
    "serve": "live-server public",
    "build": "babel src/app.js --out-file=public/scripts/app.js --presets=\"env,react\" --watch"
  },
  "dependencies": {
    "babel-cli": "^6.24.1",
    "babel-preset-env": "^1.5.2",
    "babel-preset-react": "^6.24.1",
    "braces": ">=2.3.1",
    "live-server": "^1.2.1"
  },
  "devDependencies": {},
  "repository": {
    "type": "git",
    "url": "git+https://github.com/altafmquadri/indecision-app.git"
  },

Я также пробовал изменить строку "serve": "live-server public", без /

После выполнения команд npm run serve а также npm run build Я получил:

Serving "public" at http://127.0.0.1:8080
Ready for changes
GET /public/scripts/app.js 404 7.299 ms - 160
GET /public/scripts/app.js 404 2.768 ms - 160
Change detected public/scripts/app.js
GET /public/scripts/app.js 404 5.236 ms - 160
GET /public/scripts/app.js 404 1.070 ms - 160

Однако страница загружается пустой в http://127.0.0.1:8080/ и, посмотрев на окно инструмента разработчика, я вижу следующую ошибку, которую я не могу понять, как решить:

Failed to load resource: the server responded with a status of 404 (Not Found)

Кроме того, я запускаю это на WSL, я не знаю, имеет ли это значение, но после внесения изменений в:

"scripts": {
    "serve": "live-server",
    "build": "babel src/app.js --out-file=public/scripts/app.js --presets=env,react --watch"
  },

Я вижу структуру папок и щелкаю по общедоступному для обслуживания содержимого, однако адрес моей веб-страницы: http://127.0.0.1:8080/public/

В терминале я вижу, что это обслуживается:

Обслуживание "/ mnt / c / users /username/ development / Mead-React-Course / indecision-app" на http://127.0.0.1:8080/

Я не уверен, будет ли это иметь негативные последствия или нет? Вскоре я буду использовать веб-пакет в этом курсе и хотел бы посмотреть, есть ли способы заставить сервер работать в соответствии с указаниями в первой части.