本篇内容主要讲解“react创建项目启动报错如何解决”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“react创建项目启动报错如何解决”吧!npm (也可以用yarn，本文以npm为例)npm介绍全称为Node Package Manager，是随同NodeJS一起安装的包管理工具。允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用npm命令npm -v来测试是否成功安装查看当前目录已安装插件：npm list使用 npm 下载插件：npm install [ -g ] [ --save-dev] 使用 npm 更新插件：npm update [ -g ] [ --save-dev ] 注释：install可以简写为 i，[]表示可选，表示必选[ -g ]：全局安装。 将会安装在C： Users Administrator AppData Roaming npm，并且写入系统环境变量；全局安装可以通过命令行，在任何地方调用；非全局安装：将会安装在当前定位目录;，本地安装将安装在定位目录的node_modules 文件夹下，通过要求调用;[ --save-dev]：写入package.json的dependencies需要发布到生产环境，比如react， vue全家桶，ele-ui等ui框架，这些项目运行时必须使用的插件，需要放到 dependencies。cnpm淘宝团队做的国内镜像，因为npm的服务器位于国外可能会影响安装。淘宝镜像安装速度一般更快。安装：命令提示符执行npm install cnpm -g --registry=https://registry.npm.taobao.orgcnpm -v来测试是否成功安装1.全局安装： npm install -g create-react-app2.切换到想创建项目的目录后，新建脚手架（hello-react）：create-react-app hello-react3.进入项目文件夹：cd hello-react4.启动项目：npm start注释：①项目正常启动成功后，浏览器会出现以下页面②用vscode打开项目文件夹可以看的有以下文件：③如果需要暴露webpacke配置(创建完项目后不要做任何操作)，直接执行以下代码：(此操作不可逆！)然后输入y ，可以看见多了俩个文件夹：暴露文件的作用：比如按需引入antd+自定主题④安装好脚手架后，可直接引入以下包1. ‘react-app-rewired’ 不是内部或外部命令，也不是可运行的程序或批处理文件。原因：可能是由于create-react-app出现丢包缺陷，手动安装包后，需要重新安装，这样node_modules/.bin/目录下才会重新出现react-scripts的文件，从而解决问题。解决：npm install 或 npm install react-scripts（若因为某些原因导致包出故障，就删除node_modules文件夹，重新npm install ）2../src/App.jsxModule not found: Can’t resolve ‘@ant-design/icons’ in ‘C:Users…原因：没有安装@ant-design/pro-field解决：npm install @ant-design/pro-f免费云空间主机试用ield –save到此，相信大家对“react创建项目启动报错如何解决”有了更深的了解，不妨来实际操作一番吧！这里是开发云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
这篇文章主要讲解了“win10电脑怎么导出系统聚焦中的图片”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“win10电脑怎么导出系统聚焦中的图片”吧！ 1.在桌面上打开此电脑，复制下述路径到地址栏中， 然后按下回…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
