总结create-react-app创建项目时没有src和public文件的解决方法

最新推荐文章于 2022-10-13 19:52:50 发布
最新推荐文章于 2022-10-13 19:52:50 发布
阅读量1.3k 收藏 1
点赞数
文章标签： react.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yijie_0_/article/details/122334530
版权

第一个解决方法

清缓存 npm cache clean --force

第二个解决方法

依次找到C:\Users\你的电脑名称\AppData\Roaming\npm下面有关create-react-app字眼的文件夹删掉，我是这四个文件，删掉后重新执行
删掉这四个然后重新创建

npm install create-react-app -g
create-react-app 项目名称
cd 项目名称
yarn start

第三个解决方法

换个命令试下

create-react-app (项目名字）--template typescript
yijie_0_
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
create-react-app 没有[src] 文件夹（记一次问题）
Chad97的博客
02-13 2881
缘起 在使用 npx create-react-app xx-app 的时候创建项目后没有scr 文件夹,看了一下package.json也不对 然后顺势检查来一下 nodejs npm yarn 什么的都是正常的, 非常疑惑，然后去github 翻了翻 问题原因 是因为官方已经弃用了独立安装包 create-react-app 这个 cli 脚手架，如果没有及时卸载 就会出现这个问题。 解决 卸...
create-react-app搭建没有src文件等
weixin_40793759的博客
02-08 291
如果运行一下命令： npx create-react-app my-app 没有出现scr、public等文件，可能是create-react-app的版本太低，可以运行以下卸载create-react-app，之后重新运行上面命令行： creact-react-app -V //查看版本 or creact-react-app --version npm uninstall create-react-app -g //先尝试： 文件路径 rm -rf create-react-app //rm
React之解决create-react-app创建项目没有src和public文件的问题
Welkin_qing的博客
08-03 1767
文章目录项目创建1. 首先安装create-react-app2. 创建项目唯一解决办法 项目创建 1. 首先安装create-react-app npm install -g create-react-app 2. 创建项目 官网提供的方式是以下命令 我创建了自己的项目之后，打开发现里面的目录不一样 官网是 而我的只有package.json node_modules 缺少src文件夹和public文件夹 。。。（等等） 唯一解决办法 不要在看其他博客说是卸载create-react-app等等其他
vue项目创建
河里的草_increase
06-07 476
学习vue框架，最基本的要求，弄清vue项目的创建； 上篇：JavaScript面向对象(包括ES6) 下篇：vue知识总结 环境安装： 1、安装node.js，这是一个基于谷歌V8引擎的JS运行环境。从官网下载安装即可：下载 | Node.js 中文网 (nodejs.cn) 注：node.js中自带npm，无须独立安装，npm是一个包含众多JS包的管理工具，通过npm命令可以安装很多JS插件，不管是安装在本地还是项目中，都是可以的。vue-cli 3.0要求node.js版本最...
使用react脚手架create-react-app创建项目不成功，无src文件夹问题
leeZengSir的博客
04-26 1499
原因： 因为官方弃用了这个脚手架，所以存在问题 解决方案： 1.卸载全局安装包 npm uninstall -g create-react-app && yarn global remove create-react-app 然后安装一个最新版本的create-react-app： 命令如下： npm install -g create-react-app 如...
create-react-app修改为多页面支持的方法
12-03
总结来说，将`create-react-app`改造成多页面应用的关键在于理解Webpack的配置原理，特别是入口（entry）和HtmlWebpackPlugin的设置。通过自定义这些配置，我们可以让Webpack根据多个HTML文件生成相应的JavaScript...
react以create-react-app为基础创建项目
11-30
【React项目创建与配置】 React 是一个流行的JavaScript库，...以上内容涵盖了基于`create-react-app`创建React项目的基本步骤和常见的配置调整方法。了解这些知识，你将能够更加高效地管理和自定义你的React项目。
qubix:使用create-react-app创建微前端
04-30
在这样的项目中，我们可以期待找到如“package.json”（定义项目依赖和脚本）、“src”目录（存放源代码）、“public”目录（存放静态资源）、“README.md”（项目说明）以及可能的配置文件（如webpack配置或....
create-react-app-offline:离线创建无构建配置的React应用
05-12
创建React App（离线版本-CRAO） 每次都无需脱机创建没有构建配置的React应用程序。安装CLI 第一次，您需要通过此命令安装CRAO CLI，然后才能离线创建React应用。npm install -g create-react-app-offline用法很简单...
create-react-app 创建项目没有src目录，提示you're using an outdated version of create-react
Jo_Andy的专栏
12-26 2962
报错信息： A template was not provided. This is likely because you’re using an outdated version of create-react-app. Please note that global installs of create-react-app are no longer supported 原因是create-r...
#VUE脚手架创建项目---之node-module，src等等文件夹不出来的问题(报错no-module)
hhhzhou的博客
04-25 2636
看看自己是不是把系统变量NODE_ENV的值写成了production，改成development就行了 没找到解决方案前的文件夹是这样的： 解决之后： 虽然会犯这种错的概率很小，还是记录一下，不至于浪费太多时间~ ...
用npx create-react-app my-app创建react app没有src以及public文件夹
qq_35666211的博客
04-21 1310
搭建环境： npm -v ：6.4.1 node -v ：10.15.3 1，按照官方文档https://www.html.cn/create-react-app/docs/getting-started/ 运行npx create-react-app my-app 创建的文件如下所示只有2个文件，src以及public以及其他文件没有 解决方法： 网上搜索方法: http://www.bub...
vue :src 不显示的解决方案
77今天也学习了的博客
12-11 1207
vue中 img的src使用变量接收。 :src=‘url’ 不显示图片的问题
vue-cli4创建vue项目之项目目录介绍
weixin_45983953的博客
02-28 1970
1. node_modules 存放第三方依赖 2. public 存放静态文件夹 2.1 favicon.ico 是网站图标 2.2 index.html 页面入口文件 3. src 存放源码文件夹 3.1 assets 存放图片，css 3.2 components 存放组件 3.3 views 存放视图组件 3.4 router 存放路由配置 3.5 ...
VueCli3，4中src问题
胖胖的博客
03-16 910
封装tabbar时发现图片显示不出来，检查了下我的图片确实放在assets文件夹下。 检查了下绑定的路径写错没 tabbar: [ { tabbarImg: "@/assets/img/tabbar/首页.svg", tabbarText: "首页" }, { tabbarImg: "@/assets/img/tabbar/分类.svg", tabbarText: ...
vue-cli搭建vue项目生成的文件夹解析
E_li_na的博客
05-08 3492
1.build文件夹 主要进行webpack的一些配置。webpack.base.config:基本webpack配置； webpack.dev.config.js:开发环境配置； webpack.prod.config.js:生产环境配置。 这些文件里面已经有基本的配置，我们只需根据自己的需求再添加loader， 2.config文件夹 最主要的时index.js文件...
自选功能创建项目（vue2）
m0_73089846的博客
10-13 1033
vue2自选功能创建项目过程详解
用create-react-app创建 的react项目中实现多页面应用
最新发布
03-29
create-react-app 是一个用于快速创建 React 应用程序的命令行工具，它默认创建的是单页面应用。如果需要实现多页面应用，可以按照以下步骤进行操作： 1. 在 src 目录下创建多个页面文件夹，如 page1、page2 等，每个文件夹中创建一个 index.js 和一个 index.html 文件。 2. 在 index.js 文件中编写 React 组件，作为页面的内容。 3. 在 index.html 文件中引入打包后的 js 文件和其他必要的资源文件。 4. 在 public 目录下创建多个 html 文件，分别对应不同的页面，如 page1.html、page2.html 等。 5. 修改 package.json 文件中的 scripts 部分，新增多个打包命令，如： ``` "scripts": { "start": "react-scripts start", "build:page1": "react-scripts build --entry ./src/page1/index.js --output-path build/page1", "build:page2": "react-scripts build --entry ./src/page2/index.js --output-path build/page2", "build": "npm run build:page1 && npm run build:page2" }, ``` 这样就可以通过 npm run build:page1 和 npm run build:page2 命令分别打包不同的页面，打包后的文件会输出到 build/page1 和 build/page2 目录下。 6. 在 public 目录下创建多个入口 html 文件，如 page1.html、page2.html 等，每个 html 文件引入相应的 js 文件即可。 7. 使用服务器部署打包后的文件，访问不同的 html 文件即可进入不同的页面。 需要注意的是，这种方式下，每个页面都需要重新加载 React 应用程序，可能会影响性能。如果需要实现更好的性能和用户体验，可以考虑使用 React Router 实现单页面应用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值