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"
}
}
(webpack)-dev-server/client?http://localhost:3333 3.97 kB {0} [built]
but when I load that in browser nothing happensnothing happens
. Do you mean a blank page, 404 or 'This site can't be reached'? Check your route if you use react-router. Check if the js file is loaded. Check your chrome dev tools for sources and console.