创建React项目报错以及解决方案

1.问题：执行node相关命令时报错 不是内部或外部命令,也不是可运行的程序 或批处理文件。

解决方案：

首先打开黑窗口 执行node -v 不能执行的话去配置下node相关的环境变量，环境没有配置好的原因

2.问题：无法找到node_modules 下的文件

Error: Cannot find module C:\Users…\react-scripts\bin\ at ._resolveFilename (node:internal/modules/cjs/loader:933:15) at Functio

解决方案：

1.进入项目目录删除该文件
2.进行初始化 node install 再创建一个

3.React18执行时控制台报错

:86 Warning: is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it’s running React 17. Learn more: /link/switch-to-createroot

解决方法：React 18 不再支持 。请改用 createRoot
官网有说明：
/blog/2022/03/08/#updates-to-client-rendering-apis

React17
import React from "react";
import ReactDOM from "react-dom";
import APP from './App';

ReactDOM.render(<APP/>,document.getElementById('root'))


React18

import React from "react";
import { StrictMode } from "react";
import { createRoot } from 'react-dom/client';
import APP from './App';

const container = document.getElementById('root');
const root = createRoot(container); // createRoot(container!) if you use TypeScript
root.render(
<StrictMode>
<APP/>
</StrictMode>
);