首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

create-react-app不起作用并且是公共的,缺少src文件

create-react-app是一个用于创建React应用程序的脚手架工具。当create-react-app不起作用且缺少src文件时,可能是由于以下几个原因:

  1. 安装create-react-app:首先,确保您已经正确安装了create-react-app。您可以通过以下命令在全局安装它:
  2. 安装create-react-app:首先,确保您已经正确安装了create-react-app。您可以通过以下命令在全局安装它:
  3. 创建React应用程序:在命令行中进入您想要创建React应用程序的目录,并运行以下命令来创建一个新的React应用程序:
  4. 创建React应用程序:在命令行中进入您想要创建React应用程序的目录,并运行以下命令来创建一个新的React应用程序:
  5. 这将创建一个名为my-app的新目录,并在其中生成React应用程序的基本文件结构。
  6. 检查src文件夹:在生成的应用程序目录中,确保存在一个名为src的文件夹。src文件夹是存放React组件和其他源代码文件的主要目录。
  7. 如果缺少src文件夹,可能是由于创建React应用程序过程中出现了错误。您可以尝试删除整个应用程序目录,并重新运行create-react-app命令来创建一个新的应用程序。
  8. 另外,您还可以检查是否有其他文件或文件夹已经占用了src的名称,导致无法创建src文件夹。
  9. 修复create-react-app:如果上述步骤都没有解决问题,您可以尝试修复create-react-app。首先,确保您的Node.js和npm版本是最新的。然后,尝试卸载并重新安装create-react-app:
  10. 修复create-react-app:如果上述步骤都没有解决问题,您可以尝试修复create-react-app。首先,确保您的Node.js和npm版本是最新的。然后,尝试卸载并重新安装create-react-app:
  11. 然后再次尝试创建React应用程序。

总结:

  • create-react-app是一个用于创建React应用程序的脚手架工具。
  • 如果create-react-app不起作用且缺少src文件,您可以尝试安装或修复create-react-app,并确保在创建React应用程序时按照正确的步骤进行操作。
  • 目前无法提供任何与腾讯云相关的产品链接,因为上述问题与云计算服务提供商无关。
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

测开技能--Web开发 React 学习(二)环境搭建

我们需要安装create-react-appcreate-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。...cnpm install -g create-react-app 正常安装完毕后。 ? 这样我们就可以去创建一个React工程了。...安装后,我们去打开对应工程,就看到了如下结构。 ? 我们可以通过目录看到,有两个主要文件,一个是public 一个是src。...我们看下在pubilc 存在 都是公共文件src 存放这是脚本,我们可以找到,在App.js下面的就是主要文件,我们看下代码。...我这里主要改还是app.js文件,然后增加了图片,当我们去修改文字时候,默认对应页面也会及时刷新,那么我们看下我们改动代码。

31230
  • Create React App 源码揭秘

    // 这经常会引起混乱,因为我们只使用babel处理src/中文件。...这经常会引起混乱,因为我们只使用babel处理src/中文件。 为了解决这个问题,我们阻止你从src/导入文件——如果你愿意, 请将这些文件链接到node_modules/中,然后让模块解析开始。...通过create-react-app生成项目内部引用不了除src目录,不然会报错which falls outside of the project src/ directory....解析文件路径如果包含node_modules则放行。 解析文件路径如果包含使用此插件传参appSrc则放行。 解析文件路径和src做path.relative,结果如果是以.....,可自行选择构建工具,依赖管理,单元测试等配套设施 各模块仓库体积一般不会太大 使用多个仓库管理缺点 仓库分散不好找,当很多时,更加困难,分支管理混乱 版本更新繁琐,如果公共模块版本变化,需要对所有模块进行依赖更新

    3.6K20

    Webpack模块联邦:微前端架构新选择

    singleton: true }, 'react-dom': { singleton: true }, }, }), ],};这里,remotes字段指定了远程微应用名称和其远程入口文件...创建容器应用首先,创建一个新React应用作为容器应用:npx create-react-app container-appcd container-app安装webpack和webpack-cli(...注意,由于create-react-app内部已包含Webpack,通常不需要单独安装,这里仅为演示目的):npm install webpack webpack-cli --save-dev修改package.json...容器应用消费远程组件回到container-app,在需要地方导入远程组件:// container-app/src/App.jsimport React from 'react';import MyWidget...共享服务和公共库除了组件外,你还可以共享服务和公共库。例如,创建一个专门远程应用来提供API服务,或者共享一个公共HTTP库。

    37500

    React 入门学习(五)-- 认识脚手架

    loader 、plugin,这些操作比较复杂,但是它重复性很高,而且在项目打包时又很有必要,那 React 脚手架就帮助我们做了这些,它不需要我们人为去编写 webpack 配置文件,它将这些配置文件全部都已经提前配置好了...npm i create-react-app -g 然后可以新建一个文件夹用于存放项目 在当前文件夹下执行 create-react-app hello-react 快速搭建项目 再在生成好 hello-react...public // 公共资源 │ ├─ favicon.ico // 浏览器顶部icon图标 │ ├─ index.html.../ 同上 │ ├─ manifest.json // 应用加壳配置文件 │ └─ robots.txt // 爬虫给协议文件 ├─ src...└─ yarn.lock 再介绍一下public目录下 index.html 文件代码意思 <!

    48220

    React 入门学习(五)-- 认识脚手架

    loader 、plugin,这些操作比较复杂,但是它重复性很高,而且在项目打包时又很有必要,那 React 脚手架就帮助我们做了这些,它不需要我们人为去编写 webpack 配置文件,它将这些配置文件全部都已经提前配置好了...npm i create-react-app -g 然后可以新建一个文件夹用于存放项目 在当前文件夹下执行 create-react-app hello-react 快速搭建项目 再在生成好 hello-react...public // 公共资源 │ ├─ favicon.ico // 浏览器顶部icon图标 │ ├─ index.html.../ 同上 │ ├─ manifest.json // 应用加壳配置文件 │ └─ robots.txt // 爬虫给协议文件 ├─ src...└─ yarn.lock 再介绍一下public目录下 index.html 文件代码意思 <!

    53620

    在Linode上部署React应用程序

    4.本指南假设你已经拥有了要部署React应用程序。如果你没有,可以使用create-react-app快速生成应用程序。...将exampleuser替换为受限帐户用户名,以及替换mydomain.com为你LinodeFQDN或公共IP地址。 # ~/myapp/deploy #!...如果你React应用程序不是使用create-react-app构建,则构建命令可能不同,并且构建文件可能存储在不同目录中(例如dist),需要相应地修改脚本。.../deploy 出现提示时输入你Unix密码。 5.在浏览器中,输入你Linode域名或公共IP地址。如果部署成功,你将看到你React应用程序。...6.对应用程序src目录进行一些更改,然后重新运行deploy脚本。重新加载页面后,您更改应在浏览器中可见。 下一步 部署可以是一个复杂主题,在生产环境中需要考虑许多因素。

    2.7K40

    指尖前端重构(React)技术分析报告

    这里涉及到在脚手架create-react-app 添加对scss支持,在命令行执行安装,并在package.jsonscripts中添加watch-css指令,将原css文件改为scss文件,然后在最外层添加...Build时控制台报错仅针对src文件夹下代码,而在public文件夹下还有个index.html这个文件会最终被打包放到www目录下,因此可以在这个文件中deviceready时添加全局插件变量(...还有需要注意一点是由于React中默认配置公共路径是绝对路径,当放在cordova中时需要使用file协议放本地,需要在webpackproduction配置public路径前加"."...[1516331435896074726.png] 上图是create-react-app 项目的目录,主要代码放在src目录下。Components中包含所有组件。...上图中components下有common文件用来放项目成员自己写公用组件比如公共请求方法等,external放外部引入组件,work_log里放是我写工作日志模块组件,各个功能模块都各自创建一个文件

    5.4K30

    vscode搭建react框架(vscode补全js方法)

    RemoteSigned:表示可以使用终端命令了 四、全局安装脚手架 在终端输入命令:npm install -g create-react-app 这需要等待一段时间,这个过程在安装三个东西...react: react顶级库 react-dom: react在web段运行环境 react-scripts: 包含运行和打包react应用程序所有脚本及配置 五、创建项目 先创建一个放置项目的文件夹...www 在终端中使用cd指令跳转到这个文件夹 创建项目指令:create-react-app your-app(your-app是项目名,可以自己取) 出现下面的界面,表示创建项目成功: Success...├── package-lock.json 锁定安装时版本号,保证团队依赖能保证一致。...├── package.json ├── public 静态公共目录 └── src 开发用源代码目录 编写第一个 react 程序教程 点击跳转:https://blog.csdn.net

    1.5K10

    React 使用 Proxy 代理(create-react-app

    create-react-app 中配置proxy代理 proxy,默认为NULL,类型为URL,一个为了发送http请求代理 在平时开发时,尤其前后端分离时,需要假数据来进行模拟请求,这个时候就需要.../easymock.spiritling.pub/", 配置文件 /src/setupProxy.js (推荐) 将 create-react-app 解包后,可以在 config 文件夹下找到配置 在...config/path.js 中存在 proxySetup: resolveApp('src/setupProxy.js'), 而 proxySetup 是只在 webpackDevServer.config.js...文件中使用,也就是说只在开发时使用 所以,可以在 /src/setupProxy.js 中配置 首先安装 http-proxy-middleware npm install http-proxy-middleware...proxy is not a function 也就是说 http-proxy-middleware 或者 setupProxy 会出现报错 proxy is not a function 所以需要使用新版本写法才可以

    12.3K42

    十七、详解 ES6 Modules

    > create-react-app es6app create-react-app会自动帮助我们在develop目录下创建一个叫做es6app文件夹,这就是我们新创建项目。...项目创建完毕之后,进入该文件夹。 > cd es6app // 查看文件夹里内容> ls 我们会发现里面有一个叫做package.json文件,这个文件里包含了项目所需要所有依赖。...当我们运行npm install安装package.json中依赖包时,该文件夹会自动创建,所有的依赖包会安装到该文件夹里。•public 主要作用是html入口文件存放。...当然我们也可以存放其他公用静态资源,如图片,css等。其中index.html就是我们项目的入口html文件src 组件存放目录。...在create-react-app创建项目中,每一个单独文件都可以被看成一个单独模块,单独image,单独css,单独js等,而所有的组件都存放于src目录中,其中index.js则是js入口文件

    66820

    Create React App v3 + Webpack v4 多页应用配置

    ., appTestJs: resolveModule(resolveApp, "src/test"), } 添加对应入口文件 src/Test.tsx ? 2....对于配置多个模板同学,可以参考此文文末解决方案 Multiple html pages with create-react-app app[5] 大致如下 historyApiFallback: {...ps:本文之前参考文章多数是基于 create-react-app v2 ,而实际自己使用是 CRA v3 版本。 错误日志 另外一个影响解决速度原因是:没有报错信息。...优化 参考了前文提到「Webpack」配置React多个页面同时打包和调试,主要思路就是利用 nodejs 操作文件能力,fs.readdirSync 来扫描入口文件夹,自动生成相应配置文件。...改造入口文件目录结构 在 src 目录下分别建立 src/index 和 src/test 文件夹,确保文件夹下都有入口文件 index.tsx,后续会扫这个文件。 ? 2.

    1.4K20
    领券