NPM Start not starting local server

I am trying to make an react app using webpack and when I try to run npm start it should load http://localhost:3333 but it says site cannot be reached, here is my webpack config:

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']
                }
            }
        ]
    }
}

And here is my script object from package.json: "start": "webpack-dev-server". I have already installed webpack & webpack-dev-server globally. Check below image which I am getting: 

Edit: My 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"
  }
}

Related Posts:

  1. Cannot find module ‘@babel/core’
  2. npm ERR! code UNABLE_TO_GET_ISSUER_CERT_LOCALLY
  3. Entrypoint undefined = index.html using HtmlWebpackPlugin
  4. Webpack – webpack-dev-server: command not found
  5. How can I update NodeJS and NPM to the next versions?
  6. How can I update npm itself?
  7. How to install a previous exact version of a NPM package?
  8. How to solve npm error “npm ERR! code ELIFECYCLE”
  9. How to solve npm error “npm ERR! code ELIFECYCLE”
  10. npm check and update package if needed
  11. After command npm start “Missing script:start” error
  12. sudo: npm: command not found
  13. How to resolve Nodejs: Error: ENOENT: no such file or directory
  14. Please run `npm cache clean`
  15. What is the difference between npm install and npm run build?
  16. npm ERR cb() never called
  17. NPM clean modules
  18. ‘node’ is not recognized as an internal or an external command, operable program or batch file while using phonegap/cordova
  19. What is the –save option for npm install?
  20. nodemon not working: -bash: nodemon: command not found
  21. After $npm install, Getting Error: Cannot find module ‘../lib/utils/unsupported.js’
  22. npm install not working in windows
  23. nodemon not found in npm
  24. nodemon not found in npm
  25. ExpressJS – throw er Unhandled error event
  26. Why am I getting “Error socket hang up” response?
  27. What Are “npm run dev” and “npm run prod”
  28. Find the version of an installed npm package
  29. “npm config set registry https://registry.npmjs.org/” is not working in windows bat file
  30. How do I uninstall a package installed using npm link?
  31. Error: EACCES: permission denied, access ‘/usr/local/lib/node_modules’
  32. ExpressJS – throw er Unhandled error event
  33. I am getting error in console “You need to enable JavaScript to run this app.” reactjs
  34. Error “Cannot find module ‘npmlog'” after “npm update -g”
  35. What is the difference between –save and –save-dev?
  36. error: This is probably not a problem with npm. There is likely additional logging output above
  37. Error: Cannot find module ‘webpack’
  38. list all globally installed modules with one command in ubuntu
  39. npm – “Can’t find Python executable “python”, you can set the PYTHON env variable.”
  40. npm update does not do anything
  41. How to install npm peer dependencies automatically?
  42. Do I commit the package-lock.json file created by npm 5?
  43. npm update broke npm
  44. How to Reinstall Broken npm
  45. Block-scoped declarations not yet supported outside strict mode
  46. Cannot npm install due to node-gyp: binding.gyp not found
  47. Downgrade npm to an older version
  48. `node-pre-gyp install –fallback-to-build` failed during MeanJS installation on OSX
  49. npm install resulting in ‘ENOENT: no such file or directory’
  50. how to use react require syntax?
  51. When I run `npm install`, it returns with `ERR! code EINTEGRITY` (npm 5.3.0)
  52. E: Unable to locate package npm
  53. npm install errors with Error: ENOENT, chmod
  54. NPM self_signed_cert_in_chain
  55. npm WARN deprecated [email protected]: Use uuid module instead
  56. npm WARN package.json: No repository field
  57. npm “failed to parse json”
  58. Npm Error – Windows NT – How to resolve
  59. How to properly upgrade node using nvm
  60. How do you uninstall all dependencies listed in package.json (NPM)?
  61. npm start giving error in node.js
  62. npm install with error: `gyp` failed with exit code: 1
  63. npm update check failed
  64. NPM warn message about deprecated package
  65. While doing npm install getting an error as “No such file or directory open”
  66. npm install hangs
  67. npm init not working and getting stuck on version
  68. GYP ERR! build error. stack Error: ‘make’ failed with exit code 2
  69. Can pm2 run an ‘npm start’ script
  70. npm update to specific version (and shrinkwrap)
  71. nvm is not compatible with the npm config “prefix” option:
  72. How to fix ‘Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.’
  73. Node.js version on the command line? (not the REPL)
  74. bash: npm: command not found?
  75. node.js string.replace doesn’t work?
  76. What is “export default” in JavaScript?
  77. What is the difference between __dirname and ./ in node.js?
  78. How can the default node version be set using NVM?
  79. NPM ELIFECYCLE error – using node server.js command
  80. Angular – ng: command not found
  81. What does the “as” keyword do?
  82. In express how do I redirect a user to an external url?
  83. Node update a specific package
  84. NodeJS w/Express Error: Cannot GET /
  85. Node.js + Nginx – What now?
  86. CentOS error – sudo: effective uid is not 0, is sudo installed setuid root?
  87. What could cause “connect ETIMEDOUT” error when the URL is working in browser?
  88. Local package.json exists, but node_modules missing
  89. “invalid ELF header” when using the nodejs “ref” module on AWS Lambda
  90. node.js: cannot find module ‘request’
  91. How can I use webpack with express?
  92. webpackJsonp is not defined
  93. nodejs – first argument must be a string or Buffer – when using response.write with http.request
  94. In Mongoose, how do I sort by date? (node.js)
  95. How can I use an ES6 import in Node.js? [duplicate]
  96. How to stop Node.js server?
  97. unexpected strict mode reserved word — yield? Node v0.11, harmony, es6
  98. Nodejs – Redirect url
  99. ode.js vs. meteor.js what’s the difference?
  100. Webpack command not found

Leave a Comment