创建项目
npx create-react-app hkzf-mobile
如果在谷歌游览器中安装了
React DevTools 这个调试工具的,创建项目完成之后切勿执行以下命令:
npm start
否则会有以下报错信息
Uncaught TypeError: Cannot read properties of undefined (reading 'forEach')
解决方案:
项目创建完成之后,先用 vscode 打开进入之后,在 node_modules 文件夹中找到 pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js 注释以下代码,然后再运行 npm start 即可
RefreshRuntime.injectIntoGlobalHook(safeThis);
react 版本问题
创建项目之后我们的 react 和 react-dom 皆为18.x版本,需要通过以下命令降低版本:
npm install react@17.x react-dom@17.x --save
项目结构的调整
请将创建生成的项目结构调整成以下结构: