reactjs - 使用 create-react-app 后，我安装的任何软件包会破坏我的代码吗？

Question

我使用 create-react-app 创建了一个示例应用程序，启动了我的项目并使用 npm install prop-types 安装该包。我收到了一堆警告:

npm WARN rm not removing /Users/carlosgrijalva/Programming/sample/node_modules/.bin/jest as it wasn't installed by /Users/carlosgrijalva/Programming/sample/node_modules/jest
npm WARN rm not removing /Users/carlosgrijalva/Programming/sample/node_modules/.bin/regjsparser as it wasn't installed by /Users/carlosgrijalva/Programming/sample/node_modules/regjsparser
npm WARN rm not removing /Users/carlosgrijalva/Programming/sample/node_modules/.bin/jsesc as it wasn't installed by /Users/carlosgrijalva/Programming/sample/node_modules/jsesc
npm WARN rm not removing /Users/carlosgrijalva/Programming/sample/node_modules/fsevents/node_modules/.bin/node-pre-gyp as it wasn't installed by /Users/carlosgrijalva/Programming/sample/node_modules/fsevents/node_modules/node-pre-gyp
npm WARN rm not removing /Users/carlosgrijalva/Programming/sample/node_modules/.bin/esparse as it wasn't installed by /Users/carlosgrijalva/Programming/sample/node_modules/esprima
npm WARN rm not removing /Users/carlosgrijalva/Programming/sample/node_modules/.bin/esvalidate as it wasn't installed by /Users/carlosgrijalva/Programming/sample/node_modules/esprima
npm WARN rm not removing /Users/carlosgrijalva/Programming/sample/node_modules/.bin/cssesc as it wasn't installed by /Users/carlosgrijalva/Programming/sample/node_modules/cssesc
npm WARN rm not removing /Users/carlosgrijalva/Programming/sample/node_modules/acorn-globals/node_modules/.bin/acorn as it wasn't installed by /Users/carlosgrijalva/Programming/sample/node_modules/acorn-globals/node_modules/acorn
npm WARN rm not removing /Users/carlosgrijalva/Programming/sample/node_modules/@babel/generator/node_modules/.bin/jsesc as it wasn't installed by /Users/carlosgrijalva/Programming/sample/node_modules/@babel/generator/node_modules/jsesc

当我运行 npm start 时，出现以下错误:

> <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="bfccded2cfd3daff8f918e918f" rel="noreferrer noopener nofollow">[email protected]</a> start /Users/carlosgrijalva/Programming/sample
> react-scripts start

sh: react-scripts: command not found
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0370626e736f6643332d322d33" rel="noreferrer noopener nofollow">[email protected]</a> start: `react-scripts start`
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e291838f928e87a2d2ccd3ccd2" rel="noreferrer noopener nofollow">[email protected]</a> start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/carlosgrijalva/.npm/_logs/2018-11-02T15_33_21_597Z-debug.log

以下是我的 npm、node 和 create-react 应用程序的版本

节点 --version: v8.10.0

create-react-app --version: 2.0.4

npm --版本:5.6.0

我感觉问题出在同时安装了 Yarn 和 NPM 上？但不确定，有人遇到过这个问题吗？

Answer 1

同时安装Yarn和NPM就可以了，不会导致任何问题。实际上很多项目都会同时安装Yarn和NPM，以方便更多用户使用。

“sh:react-scripts:命令未找到”:关于这个问题，可能是你的node_modules没有正常工作。

所以，删除你的node_modules，然后再次npm npm install。

关于警告，您应该添加一个带有 npm install prop-types --save 而不是 npm install prop-types 的包。