Получение сетевой ошибки при попытке использовать liveserver и babel в качестве скриптов в пакете. 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.

Это сценарий, который я запускаю в пакете. 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", без the /

После выполнения команд 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"
  },

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

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

Serving "/ mnt / c / users / имя пользователя / development / Mead- React-Course / indecision-app "на http://127.0.0.1: 8080

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