npm start在瀏覽器中運行列表目錄，而不是index.js

Question

我為webpack / babel開發服務器設置了工具。 當我從命令行運行“ npm start”時，它將在我的瀏覽器中顯示目錄，而不是index.js。 我只是在學習這個； 這是我第一次創建這樣的入門包。 我的package.json文件如下：

{
"name": "me_app",
"version": "1.0.0",
"description": "ME React-Redux Pump Builder",
"main": "index.js",
"scripts": {
   "start": "node ./node_modules/webpack-dev-server/bin/webpack-dev server.js",
   "test": "mocha --compilers js:babel-core/register --require ./test/test_helper.js --recursive ./test",
   "test:watch": "npm run test -- --watch"
 },
 "author": "Daniel Crain",
 "license": "ISC",
 "directories": {
   "lib": "lib"
 },
 "dependencies": {
   "npm": "^6.4.1"
 },
 "devDependencies": {
   "@babel/core": "^7.0.0",
   "@babel/preset-env": "^7.0.0",
   "@babel/preset-react": "^7.0.0",
   "babel-loader": "^8.0.2",
   "react": "^16.5.0",
   "react-dom": "^16.5.0",
   "webpack": "^4.17.2",
   "webpack-cli": "^3.1.0",
   "webpack-dev-server": "^3.1.8"
 },
 "repository": {
   "type": "git",
   "url": "git+https://github.com/bluevision/React-Redux-Product- Configurator.git"
 },
 "bugs": {
   "url": "https://github.com/bluevision/React-Redux-Product- 
Configurator/issues"
 },
 "homepage": "https://github.com/bluevision/React-Redux-Product- 
 Configurator#readme"
 }

Answer 1

如果列出項目的文件和目錄結構，將有助於了解確切的問題，但是據我所知，當您運行npm start ，它將在package.json中的腳本對象中運行start命令：

   "start": "node ./node_modules/webpack-dev-server/bin/webpack-dev server.js",

在這里，腳本期望偵聽名為server.js而不是index.js的文件

因此，嘗試重命名文件名或編輯package.json中的名稱。