javascript - basic "hello world" react app is throwing errors -


using reactjs framework/library, have created basic "hello world" react app on windows platform after following this tutorial, throws errors when run using c:\users\username\desktop\reactapp>npm start command on cmd. please tell problem?

error:

> reactapp@1.0.0 start c:\users\username\desktop\reactapp > webpack-dev-server --hot  'webpack-dev-server' not recognized internal or external command, operable program or batch file.  npm err! windows_nt 6.3.9600 npm err! argv "c:\\program files\\nodejs\\node.exe" "c:\\program files\\nodejs\\ node_modules\\npm\\bin\\npm-cli.js" "start" npm err! node v6.11.2 npm err! npm  v3.10.10 npm err! code elifecycle npm err! reactapp@1.0.0 start: `webpack-dev-server --hot` npm err! exit status 1 npm err! npm err! failed @ reactapp@1.0.0 start script 'webpack-dev-server --hot'. npm err! make sure have latest version of node.js , npm installed. npm err! if do, problem reactapp package, npm err! not npm itself. npm err! tell author fails on system: npm err!     webpack-dev-server --hot npm err! can information on how open issue project with: npm err!     npm bugs reactapp npm err! or if isn't available, can info via: npm err!     npm owner ls reactapp npm err! there additional logging output above.  npm err! please include following file support request: npm err!     c:\users\username\desktop\reactapp\npm-debug.log

index.html file

<!doctype html> <html lang = "en">     <head>       <meta charset = "utf-8">       <title>react app</title>    </head>     <body>       <div id = "app"></div>       <script src = "index.js"></script>    </body>  </html>

main.js file

import react 'react'; import reactdom 'react-dom'; import app './app.jsx';  reactdom.render(<app />, document.getelementbyid('app'));

app.jsx file

import react 'react';  class app extends react.component {    render() {       return (          <div>             hello world!!!          </div>       );    } }  export default app;

package.json file

{   "name": "reactapp",   "version": "1.0.0",   "description": "",   "main": "index.js",   "scripts": {     "start": "webpack-dev-server --hot"   },   "keywords": [],   "author": "",   "license": "isc",   "dependencies": {     "react": "^15.6.1",     "react-dom": "^15.6.1"   } }

webpack.config.js file

var config = {    entry: './main.js',     output: {       path:'./',       filename: 'index.js',    },     devserver: {       inline: true,       port: 8080    },     module: {       loaders: [          {             test: /\.jsx?$/,             exclude: /node_modules/,             loader: 'babel',              query: {                presets: ['es2015', 'react']             }          }       ]    } }  module.exports = config;

ideally should have installed module webpack-dev-server since mentioned production dependency in package.json default. may npm module skipped somehow or did not install properly. can delete node_modules folder manually , npm install again , should work fine.

hope helps! share if solves problem.


Comments

Post a Comment

Popular posts from this blog

python - Operations inside variables -

this question has answer here: evaluating mathematical expression in string 12 answers i want make python script finds maximum possible output using 2 operations. problem says there syntax error @ 2nd last line, in b in there. how can fix it? x = 0 = int(input("1st number:")) c = int(input("2nd number:" )) e = int(input("3rd number:" )) in range(4): if == 0: b = "+" elif == 1: b = "-" elif == 2: b = "/" else: b = "*" j in range(4): if j == 0: d = "+" elif j == 1: d = "-" elif j == 2: d = "/" else: d = "*" k = b c d e print(k) if you're after variables e on single line, couldn...
Read more

Generic Map Parameter java -

i having lot of methods of type: public static list<eduusers> getdetails(class c, map<string, integer> params) { list<eduusers> details = null; session session = hibernateutil.getsessionfactory().opensession(); transaction tx = null; try { tx = session.begintransaction(); criteria cr = session.createcriteria(c); (map.entry<string, integer> entry : params.entryset()) { cr.add(restrictions.eq(entry.getkey(), entry.getvalue())); } details = cr.list(); tx.commit(); } catch (exception asd) { log.debug(asd.getmessage()); if (tx != null) { tx.commit(); } } { session.close(); } return details; } i trying have generic method them , have written far: public static <t> list<t> getdetails(class<t> c, class<t> b) { l...
Read more

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -

what arrayindexoutofboundsexception mean , how rid of it? here code sample triggers exception: string[] name = {"tom", "dick", "harry"}; for(int = 0; i<=name.length; i++) { system.out.print(name[i] +'\n'); } your first port of call should documentation explains reasonably clearly: thrown indicate array has been accessed illegal index. index either negative or greater or equal size of array. so example: int[] array = new int[5]; int boom = array[10]; // throws exception as how avoid it... um, don't that. careful array indexes. one problem people run thinking arrays 1-indexed, e.g. int[] array = new int[5]; // ... populate array here ... (int index = 1; index <= array.length; index++) { system.out.println(array[index]); } that miss out first element (index 0) , throw exception when index 5. valid indexes here 0-4 inclusive. correct, idiomatic for statement here be: for (int index = 0; index <...
Read more