NPM Start start lokale server niet

Ik probeer een reactie-app te maken met behulp van webpack en wanneer ik npm start probeer uit te voeren, zou het http://localhost:3333moeten laden, maar er staat dat de site niet kan worden bereikt, hier is mijn webpack configuratie:

module.exports = {
    entry: './main.js',
    output: {
        path: '/',
        filename: 'index.js'
    },
    devServer: {
        inline: true,
        port: 3333
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                loader: 'babel',
                query: {
                    presets: ['es2015', 'react']
                }
            }
        ]
    }
}

En hier is mijn scriptobject van package.json: "start": "webpack-dev-server". Ik heb webpack & webpack-dev-server wereldwijd. Controleer onderstaande afbeelding die ik krijg:

Bewerken: Mijn package.json:

{
  "name": "react-app",
  "version": "1.0.0",
  "description": "sample",
  "scripts": {
    "start": "webpack-dev-server"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/dheeraja00/react-app.git"
  },
  "author": "Dheeraj Agrawal",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/dheeraja00/react-app/issues"
  },
  "homepage": "https://github.comdheeraja00/react-app#readme",
  "dependencies": {
    "material-design-lite": "^1.2.1",
    "react": "^15.3.2"
  },
  "devDependencies": {
    "babel-core": "^6.18.0",
    "babel-loader": "^6.2.5",
    "babel-preset-es2015": "^6.18.0",
    "babel-preset-react": "^6.16.0",
    "css-loader": "^0.25.0",
    "file-loader": "^0.9.0",
    "node-sass": "^3.10.1",
    "raw-loader": "^0.5.1",
    "sass-loader": "^4.0.2",
    "style-loader": "^0.13.1",
    "webpack": "^1.13.2",
    "webpack-dev-server": "^1.16.2"
  }
}

Antwoord 1, Autoriteit 100%

U kunt een van de onderstaande opdrachten uitvoeren om de knooppuntserver te starten voor uw Reacters-toepassing:

npm run-script start
 npm run start
 npm start

Antwoord 2, Autoriteit 100%

npm startwerkt alleen wanneer u een startscript hebt.

Voor het onderstaande voorbeeld webpack-dev-serveren webpackPakketten zijn verplicht. Om deze pakketten toe te voegen, moet u webpack-dev-serveren webpackWereldwijd installeren.

npm install webpack-dev-server webpack -g

Bijvoorbeeld:

"scripts": {
    "start": "webpack-dev-server"
 }

In u Package.json , in principe wanneer u NPM uitvoert Start, zoekt u uw pakket.json voor wat te doen.

Antwoord 3, Autoriteit 33%

In plaats van het proberen van URL: http: // localhost: 3333

Probeer URL: http://127.0.0.1:3333

en, als http://127.0.0.1:3000 werkt prima.
Toen voor een permanente fix een vermelding toevoegen aan / etc / hosts bestand alsof het niet bestaat of becommentareerde

127.0.0.1 localhost

Antwoord 4

Toen dit mij overkwam met een nieuwe installatie van Ubuntu 18.04 waar localhostniet bestond in mijn hosts-bestand en moest worden toegevoegd.

Je kunt controleren of dit jouw probleem is door in de browser naar 127.0.0.1:3333te gaan.
Als het beschikbaar is, moet u de volgende regel toevoegen aan uw /etc/hosts-bestand

127.0.0.1 localhost

Antwoord 5

je hebt een algemene versie van webpack nodig en voer dan het script opnieuw uit.

   use: https://127.0.01:3333

Als dit nog steeds niet werkt, verander dan de poort of stop de services die op deze poort draaien