搭建Typescript+React(2) --- npm run eject

运行npm run eject命令暴露webpack配置文件

创建完项目后，进入项目目录，打开 package.json 可以看到以下代码:

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
}

执行 yarn run eject 或 npm run eject

$ npm run eject

警告：创建完项目后，不要更改项目任何内容，否则可能会出错

执行后会出现提示，该操作不可逆，选择 y 继续

image.png

成功

成功之后可以看到终端如下显示：

image.png

并且可以看到，webpack配置文件已经被释放了，而且再次打开 package.json，可以看到很多配置也有了变化:

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

项目结构也发生了变化：

image.png

失败

失败终端报错如下：

image.png

解决办法：

执行命令

$ git add .
$ git commit -m "init"   // 如果不行将-m改成-am重新在试一下
$ npm run eject

基本就可以解决了!!!!