reactjs - 在 react 中撤消 'npm run eject'

Question

我试图使用 React CDN 脚本测试我的 React 应用程序(使用 create-react-app 创建)的性能，并且我执行了'npm runject'添加webpack externals依赖react和react-dom。

我在 webpack 配置 和 <script> 中轻松做到了这一点在index.html

...
externals: {
    react: 'React',
    'react-dom':'ReactDOM'
},
...

现在我想将其恢复到之前的状态

我正在使用git，并且我在一个单独的分支中进行了这个实验。

我跑了git checkout master和npm start

结果很烦人

> myapp@0.18.1 start /home/code/serverSync/myapp/ui
> react-scripts start

sh: 1: react-scripts: not found

npm ERR! Linux 4.15.0-23-generic
npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "start"
npm ERR! node v8.10.0
npm ERR! npm  v3.5.2
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! myapp@0.18.1 start: `react-scripts start`
npm ERR! spawn ENOENT
npm ERR! 
npm ERR! Failed at the myapp@0.18.1 start script 'react-scripts start'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the myapp package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     react-scripts start
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs myapp
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls myapp
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /home/code/serverSync/myapp/ui/npm-debug.log

如何恢复到主分支？

Answer 1

您可以通过重新添加 react-scripts 包来撤消 Create React App 应用程序的“弹出”操作。根据您最喜欢的包管理器

命令yarn或npm

你做了什么:

$ yarn run eject/ npm run eject 
? Are you sure you want to eject? This action is permanent. (Yes/No)Yes

现在的解决方案是:-

$ rm -r scripts/  //Remove Your scripts folder 
$ rm -r config/   //Remove Your config folder
$ rm -r node_modules//  //Remove Your node_modules folder

并使用 react-scripts 包添加回来

$ yarn add react-scripts / npm install react-scripts 

在 package.json 文件中，您需要将“脚本”更改为以前的状态:

"scripts": {
+    "start": "react-scripts start",                 
+    "build": "react-scripts build",                 
+    "test": "react-scripts test --env=jsdom",       
+    "eject": "react-scripts eject"                  
-    "start": "node scripts/start.js",               
-    "build": "node scripts/build.js",                
-    "test": "node scripts/test.js --env=jsdom"      
  }

现在使用以下命令安装所有依赖项:-

  $ yarn install / npm install 

你可以走了

$ yarn start / npm start

你成功了......