react初体验

比眉伴天荒 2022-05-28 07:46 294阅读 0赞

Microsoft Windows \[版本 6.1.7601\]  
版权所有 (c) 2009 Microsoft Corporation。保留所有权利。  
  
  
D:\\WebstormProjects\\hello-react>create-react-app hello-world  
  
  
Creating a new React app in D:\\WebstormProjects\\hello-react\\hello-world.  
  
  
Installing packages. This might take a couple of minutes.  
Installing react, react-dom, and react-scripts...  
  
  
npm ERR! code EINTEGRITY  
npm ERR! sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg== integrity checksum failed when using sha512: wanted sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrH  
mcGgmrbsW3MHfmtIf+vJumgQn+PrXg== but got sha512-z4PhNX7vuL3xVChQ1m2AB9Yg5AULVxXcg/SpIdNs6c5H0NE8XYXysP+DGNKHfuwvY7kxvUdBeoGlODJ6+SfaPg==. (0 bytes)  
  
  
npm ERR! A complete log of this run can be found in:  
npm ERR!     C:\\Users\\Administrator\\AppData\\Roaming\\npm-cache\\\_logs\\2018-04-01T08\_46\_45\_559Z-debug.log  
  
  
Aborting installation.  
  npm install --save --save-exact --loglevel error react react-dom react-scripts has failed.  
  
  
Deleting generated file... node\_modules  
Deleting generated file... package.json  
Deleting hello-world / from D:\\WebstormProjects\\hello-react  
Done.  
  
  
D:\\WebstormProjects\\hello-react>create-react-app hello-world  
  
  
Creating a new React app in D:\\WebstormProjects\\hello-react\\hello-world.  
  
  
Installing packages. This might take a couple of minutes.  
Installing react, react-dom, and react-scripts...  
  
  
  
  
> uglifyjs-webpack-plugin@0.4.6 postinstall D:\\WebstormProjects\\hello-react\\hello-world\\node\_modules\\uglifyjs-webpack-plugin  
> node lib/post\_install.js  
  
  
\+ react@16.3.0  
\+ react-dom@16.3.0  
\+ react-scripts@1.1.1  
added 1327 packages in 695.995s  
  
  
Success! Created hello-world at D:\\WebstormProjects\\hello-react\\hello-world  
Inside that directory, you can run several commands:  
  
  
  npm start  
    Starts the development server.  
  
  
  npm run build  
    Bundles the app into static files for production.  
  
  
  npm test  
    Starts the test runner.  
  
  
  npm run eject  
    Removes this tool and copies build dependencies, configuration files  
    and scripts into the app directory. If you do this, you can’t go back!  
  
  
We suggest that you begin by typing:  
  
  
  cd hello-world  
  npm start  
  
  
Happy hacking!  
  
  
D:\\WebstormProjects\\hello-react>npm start  
npm ERR! path D:\\WebstormProjects\\hello-react\\package.json  
npm ERR! code ENOENT  
npm ERR! errno -4058  
npm ERR! syscall open  
npm ERR! enoent ENOENT: no such file or directory, open 'D:\\WebstormProjects\\hello-react\\package.json'  
npm ERR! enoent This is related to npm not being able to find a file.  
npm ERR! enoent  
  
  
npm ERR! A complete log of this run can be found in:  
npm ERR!     C:\\Users\\Administrator\\AppData\\Roaming\\npm-cache\\\_logs\\2018-04-01T09\_20\_22\_508Z-debug.log  
  
  
D:\\WebstormProjects\\hello-react>cd hello-world  
  
  
D:\\WebstormProjects\\hello-react\\hello-world>npm start  
  
  
> hello-world@0.1.0 start D:\\WebstormProjects\\hello-react\\hello-world  
> react-scripts start  
  
  
Compiled successfully!  
  
  
You can now view hello-world in the browser.  
  
  
Compiled successfully!  
  
  
You can now view hello-world in the browser.  
  
  
  Local:            http://localhost:3000/  
  On Your Network:  http://192.168.1.105:3000/  
  
  
Note that the development build is not optimized.

To create a production build, use npm run build.

![20180401172718199][]

[20180401172718199]: /images/20220528/a2602baf07bf41c6827d6f34e800ca06.png