搭建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

成功

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


搭建Typescript+React(2) --- npm run eject_第1张图片
image.png

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

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

项目结构也发生了变化:


搭建Typescript+React(2) --- npm run eject_第2张图片
image.png

失败

失败终端报错如下:


搭建Typescript+React(2) --- npm run eject_第3张图片
image.png
解决办法:

执行命令

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

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

你可能感兴趣的:(搭建Typescript+React(2) --- npm run eject)