I am using typescript in one of my existed react project. I installed necessary deps as what official site says , including typescript@4.6.3, @types/node@17.0.23 and so on. Of course, I also use craco to rewrite cra's default configurations. I was told to run tsc --init to generate a tsconfig file, it was fine, everything ok, but when i tried to add some custom configurations in it, the whole file would be reset evertime when i run npm run start. is it the problem from craco? my package.json file is as below:
{
"name": "front_end_tool",
"version": "4.0.1",
"homepage": "./",
"private": true,
"dependencies": {
"@ant-design/icons": "^4.7.0",
"@craco/craco": "^6.3.0",
"@testing-library/jest-dom": "^5.14.1",
"@testing-library/react": "^11.2.7",
"@testing-library/user-event": "^12.8.3",
"@types/jest": "^27.4.1",
"@types/node": "^17.0.23",
"@types/react": "^17.0.43",
"@types/react-dom": "^17.0.14",
"@types/react-router-dom": "^5.3.3",
"antd": "^4.19.3",
"axios": "^0.21.4",
"classnames": "^2.3.1",
"craco-less": "^1.20.0",
"echarts": "^5.2.1",
"echarts-for-react": "^3.0.1",
"file-saver": "^2.0.5",
"js-cookie": "^3.0.1",
"lodash": "^4.17.21",
"mockjs": "^1.1.0",
"react": "^17.0.2",
"react-app-polyfill": "^3.0.0",
"react-color": "^2.19.3",
"react-copy-to-clipboard": "^5.0.4",
"react-custom-scrollbars": "^4.2.1",
"react-dom": "^17.0.2",
"react-json-view": "^1.21.3",
"react-markdown": "^7.1.1",
"react-redux": "^7.2.6",
"react-router-config": "^5.1.1",
"react-router-dom": "^5.3.0",
"react-scripts": "4.0.3",
"react-syntax-highlighter": "^15.5.0",
"rehype-raw": "^6.1.0",
"remark-gemoji": "^7.0.1",
"remark-gfm": "^3.0.1",
"remark-parse": "^10.0.1",
"remark-stringify": "^10.0.2",
"styled-components": "^5.3.1",
"to-vfile": "^7.2.3",
"unified": "^10.1.2",
"uuid": "^8.3.2",
"web-vitals": "^1.1.2"
},
"scripts": {
"start": "craco start",
"build": "craco build"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all",
"ie 11"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version",
"ie 11"
]
},
"devDependencies": {
"@fec/remark-a11y-emoji": "^3.1.0",
"@types/lodash": "^4.14.181",
"@types/mockjs": "^1.0.6",
"@types/react-copy-to-clipboard": "^5.0.2",
"@types/react-custom-scrollbars": "^4.0.10",
"@types/react-router-config": "^5.0.6",
"@types/react-syntax-highlighter": "^13.5.2",
"@types/uuid": "^8.3.4",
"craco-antd": "^1.19.0",
"raw-loader": "^4.0.2",
"rehype-accessible-emojis": "^0.3.2",
"ts-node": "^10.7.0",
"typescript": "^4.6.3",
"webpack-bundle-analyzer": "^4.4.2",
"webpackbar": "^5.0.0-3"
}
}
I am using typescript in one of my existed react project. I installed necessary deps as what official site says , including typescript@4.6.3, @types/node@17.0.23 and so on. Of course, I also use craco to rewrite cra's default configurations. I was told to run tsc --init to generate a tsconfig file, it was fine, everything ok, but when i tried to add some custom configurations in it, the whole file would be reset evertime when i run npm run start. is it the problem from craco? my package.json file is as below:
{
"name": "front_end_tool",
"version": "4.0.1",
"homepage": "./",
"private": true,
"dependencies": {
"@ant-design/icons": "^4.7.0",
"@craco/craco": "^6.3.0",
"@testing-library/jest-dom": "^5.14.1",
"@testing-library/react": "^11.2.7",
"@testing-library/user-event": "^12.8.3",
"@types/jest": "^27.4.1",
"@types/node": "^17.0.23",
"@types/react": "^17.0.43",
"@types/react-dom": "^17.0.14",
"@types/react-router-dom": "^5.3.3",
"antd": "^4.19.3",
"axios": "^0.21.4",
"classnames": "^2.3.1",
"craco-less": "^1.20.0",
"echarts": "^5.2.1",
"echarts-for-react": "^3.0.1",
"file-saver": "^2.0.5",
"js-cookie": "^3.0.1",
"lodash": "^4.17.21",
"mockjs": "^1.1.0",
"react": "^17.0.2",
"react-app-polyfill": "^3.0.0",
"react-color": "^2.19.3",
"react-copy-to-clipboard": "^5.0.4",
"react-custom-scrollbars": "^4.2.1",
"react-dom": "^17.0.2",
"react-json-view": "^1.21.3",
"react-markdown": "^7.1.1",
"react-redux": "^7.2.6",
"react-router-config": "^5.1.1",
"react-router-dom": "^5.3.0",
"react-scripts": "4.0.3",
"react-syntax-highlighter": "^15.5.0",
"rehype-raw": "^6.1.0",
"remark-gemoji": "^7.0.1",
"remark-gfm": "^3.0.1",
"remark-parse": "^10.0.1",
"remark-stringify": "^10.0.2",
"styled-components": "^5.3.1",
"to-vfile": "^7.2.3",
"unified": "^10.1.2",
"uuid": "^8.3.2",
"web-vitals": "^1.1.2"
},
"scripts": {
"start": "craco start",
"build": "craco build"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all",
"ie 11"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version",
"ie 11"
]
},
"devDependencies": {
"@fec/remark-a11y-emoji": "^3.1.0",
"@types/lodash": "^4.14.181",
"@types/mockjs": "^1.0.6",
"@types/react-copy-to-clipboard": "^5.0.2",
"@types/react-custom-scrollbars": "^4.0.10",
"@types/react-router-config": "^5.0.6",
"@types/react-syntax-highlighter": "^13.5.2",
"@types/uuid": "^8.3.4",
"craco-antd": "^1.19.0",
"raw-loader": "^4.0.2",
"rehype-accessible-emojis": "^0.3.2",
"ts-node": "^10.7.0",
"typescript": "^4.6.3",
"webpack-bundle-analyzer": "^4.4.2",
"webpackbar": "^5.0.0-3"
}
}