精华内容
下载资源
问答
  • 使用react-app-rewired启动react项目报错 报错内容如下: 关键报错内容: The “injectBabelPlugin” helper has been deprecated as of v2.0 翻译过来就是: 自2.0版起,“injectbabelplugin”助手已被弃用 ...

    使用react-app-rewired启动react项目报错

    报错内容如下:

    关键报错内容:
    The “injectBabelPlugin” helper has been deprecated as of v2.0
    翻译过来就是:
    自2.0版起,“injectbabelplugin”助手已被弃用

    react-app-rewired的新版本删除了injectBabelPlugin,这些方法被移动到一个名为’customize-cra’的新包中

    解决方法:
    react-app-rewired降到2.0版本

    npm uninstall react-app-rewired

    用上面的语句删除原来的react-app-rewired

    npm i react-app-rewired@2.0.2-next.0

    然后重新安装低版本的react-app-rewired

    展开全文
  • 第二步:切换到想要创建项目的目录,使用命令:create-react-app '项目名字' 如果出现以下字眼,表明项目创建成功 第三步:进入项目文件夹 ,输入 npm start(如果你是yarn的话,就输入 yarn start) ...

     第一步:全局安装:npm i -g create-react-app

    win+R 启动 windows powerShell

     如果出现,以下图片,显示安装成功 

     

    第二步:切换到想要创建项目的目录,使用命令:create-react-app '项目名字'

     如果出现以下字眼,表明项目创建成功

     第三步:进入项目文件夹 ,输入 npm start(如果你是yarn的话,就输入 yarn start)

     

    展开全文
  • react项目的搭建与启动准备工作(环境的搭建)二级目录三级目录 准备工作(环境的搭建) (已经准备好的这一步可以跳过) 1.安装Node.js(安装一直选择下一步就行) npm常用命令 二级目录 三级目录 ...

    准备工作(环境的搭建)

    (已经准备好的这一步可以跳过)
    1.安装Node.js(安装一直选择下一步就行)
    npm常用命令

    node -v检查是否安装成功,出现版本号安装成功
    npm -g install npm将npm包更新到最新版本
    npm cache clear --force清除缓存
    npm install webpack webpack-cli -g安装webpack(模块加载加打包工具)
    npm install安装模块
    npm start启动模块
    使用 -g 或 --global (npm install webpack webpack-cli -g)全局安装
    @ (npm install axios@0.24.0)安装指定版本

    2.安装 cnpm(选择性安装)
    之后可以选择安装 cnpm,即 npm 的国内镜像。使用 cnmp 的好处是在日后下载内容时会比较快,但是下载的包可能不是最新的。
    安装 cnpm 的命令为 :
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    完成后就可以使用 cnpm 替代 npm 了,我不太喜欢用 cnpm,喜欢用的小伙伴注意一点,cnpm 不要与 npm 混合使用,一个项目用 cnpm 就从头用到底,不要中途敲错命令,否则就会出现混乱。不过万一遇到这种情况也不用慌,把项目的 node_modules 文件夹删了重新执行 npm/cnpm install 就行了,只是比较浪费时间。

    3.安装Webpack
    WebPack是一款模块加载器兼打包工具, 它能把各种资源, 如JS、JSX、ES 6、SASS、LESS、图片等都作为模块来处理和使用。

    4,全局安装create-react-app
    npm install -g create-react-app

    react项目创建与启动

    1. 找到需要新建项目的目录输入cmd打开命令操作系统
      cmd
      2.输入命令create-react-app my-project创建my-project项目
      create-react-app my-project
      3.根据提示,进入项目目录,并启动项目:
      cd react-app
      yarn start / npm start (没有安装yarn的使用npm)

      在这里插入图片描述
      4.项目结构
      项目结构图

    常用插件安装

    Sass/Scss安装

    SASS(Syntactically Awesome Stylesheets)是一种动态样式语言,为CSS融入了编程元素,提供了很多便利的写法,使得CSS的开发变得简单、可维护。
    1.create-react-app默认情况下未暴露配置文件。要更灵活配置项目,需要将配置文件暴露出来。
    执行以下命令,暴露配置文件:(注意:暴露配置的文件的操作不可逆!)
    npm run eject

    2.Remove untracked files, stash or commit any changes, and try again(报错)
    在项目根目录下执行:
    git add .
    git commit -m "初始化项目(备注)"

    暴露config操作
    3.再次执行npm run eject
    成功后项目结构
    成功后项目结构图
    4.安装node-sass
    执行以下命令:
    npm install node-sass --save-dev
    安装完成后,项目已支持Sass/Scss,可以将原css文件后缀名修改为sacc/scss,别忘了把src/index.js中引入的frame.css后缀名修改为sacc/scss。
    报错检查版本:
    卸载node-sass 和 sass-loader
    npm uninstall node-sass sass-loader(卸载当前版本)
    npm install node-sass@4.14.1 sass-loader@8.0.0 --dev(版本与当前的不兼容,安装对应版本的包即可。)
    安装的插件可以在package.json文件里查看

    到这项目的简单创建就完成了,后面简单的说一下开发里的目录结构

    展开全文
  • 1.清除原先的node_modules: 2.重装node_modules3....4.接着会报错App.js回报错'React' must be in scope when using JSX react/react-in-jsx-scope 5.在app.js引入import React,{ Component } from "react"即可 ...

    1.清除原先的node_modules:

    2.重装node_modules3.把package.json里面的"react-scripts": "2.1.8",改为这个版本
    4.接着会报错App.js回报错'React' must be in scope when using JSX react/react-in-jsx-scope
    5.在app.js引入import React,{ Component } from "react"即可

     

    展开全文
  • npx create-react-app my-app 使用以上命令出错: npm start / yarn start 使用以上命令启动出错 问题解决 全局找到reportWebVitals.js文件,在index.js中注释掉这两句即可运行。 因为笔者以前在一个项目里面...
  • 按照antd官网上进行配置 结果 npm start启动报错了 不知道为什么config-overrides.jsconst {injectBabelPlugin} = require('react-app-rewired');const rewireLess = require('react-app-rewire-less');module....
  • 项目开发中需要用到定位功能,无论是里H5本身的定位,还是百度地图定位中的浏览器定位,其实最终使用的都是 H5 定位功能 这个功能在 edge 和 firefox 中是可以使用的,但是 chrome 要求站点bi'xu
  • 使用 React CLI 搭建项目:npx create-react-app geek-pc 进入项目根目录:cd geek-pc 启动项目:npm run start 调整项目目录结构: /src /assets # 项目资源文件,比如,图片 等 /components ...
  • loader、node-sass(-D 是 --save-dev 的简写) npm install sass-loader node-sass -D 然后启动项目:npm run dev (小程序启动:npm run dev:weapp) 执行命令,重新安装项目依赖:npm install 然后,启动项目:...
  • tomcat部署react项目的方法发布时间:2020-12-16 09:44:42来源:亿速云阅读:151作者:小新这篇文章主要介绍了tomcat部署react项目的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有...
  • 之前的一个项目,用的node14.x的版本。 后来项目需要,改成node10.x的版本。 react项目运行不起来,升级后,提示错误状态码为1. 删除,node_modules。重新 npm install下载依赖包,解决。
  • 我通过Docker 启动 react项目启动后即容器停止,信息如下: yunfeideMacBook-Pro:portal-web-platform zhangyunfei$ make run docker rm -f portal-web-platform |true&&docker run --publish 3000:3000 -...
  • docker运行react项目

    2020-12-28 14:35:41
    react项目构建成docker镜像,并发布到docker hub ,通过docker run运行react项目
  • 如果项目使用npm start 报错的话,进入到项目目录后,输入npm run eject,以后再使用npm start启动项目,就解决了,最后附一张成功效果图
  • 如何访问已启动react项目1、运行react项目都会开启一个终端窗口,只需要打开窗口,查看项目的运行地址即可。上面这个项目的地址是http://localhost:3000/ ,打开浏览器输入这个地址就可以访问这个项目了。2、也...
  • 初学react+ant 运行时项目项目非常缓慢 解决方案: 第一步:首先使用 npm config get registry 命令查看源 https://registry.npmjs.org/国外的镜像 每次用npm的,因为使用国外的镜像,非常的慢 通过改变...
  • server {listen 443;server_name xx.xxx.com;root /var/www/web-cloud;ssl_certificate "/xxx.pem";ssl_certificate_key "/xxx.key";ssl_protocols TLSv1 TLSv1.1 TLSv1.2;ssl_ciphers HIGH:!aNULL:!...
  • VSCode中如何创建React项目

    千次阅读 2021-02-05 15:00:30
    susan@susandeMac-mini ~ % 3、在终端输入create-react-app demoone,创建名称为demoone的项目 susan@susandeMac-mini ~ % create-react-app demoone Creating a new React app in /Users/susan/demoone....
  • 问题原因: 安全卫士拦截了脚本执行 解决方法: 操作目标:[执行]C:\WINDOws\System32\WindowsPowerShel\v1.O\powershell.exe 把上面的路径添加到信任区
  • 由于 react的eject的操作是不可逆的,所以能不去打开eject就不去打开, 但是在react中要引入antd的ui库,需要按需引入的时候,看的官方文档是要使用 引入craco的概念 相比之前antd的官方是比较推荐 react-app-...
  • 前言:当我们做一个新的react项目时候,安装插件越多,启动越慢。如果没有一个进度条来显示目前项目启动进度,没有目的地等待是很让人着急的。因此,使用webpack进度显示插件非常有必要,下面就介绍两种常用的插件。...
  • react项目中,运行npm start,但是无法自动跳转到浏览器 原因分析: 排查了一下:发现默认浏览器成了空,所以没有自启动浏览器 解决方案: 如果无法自启动浏览器,排查以下几个方面 1.查看默认浏览器是否正确, ...
  • 有时,npm start上一秒还行,但是不知怎么就不行了,报错react-app-rewired start有问题,这时候你需要重新安装依赖 npm install
  • 使用create-react-app 构建项目时,yarn start启动运行失败? 错误截图如下: 解决方案: 在终端运行npm run eject, 让配置文件可见 然后再运行yarn start 问题解决,亲测有效!
  • react-scripts start“ 代码示例如下: "scripts": { "start": "set PORT=9000 && react-scripts start", "build": "react-scripts build", "test": "react-scripts test --env=jsdom", "eject": ...
  • 若有NewsSandBox组件中的页面级组件,就在sandbox下再创建文件夹放入,例如views>sandbox>home>home.js 路由模块安装指令:cnpm i --save-dev react-router-dom@5.2.0 src > App.js import React from 'react' ...
  • 1、打包好你的react本地项目,dist中具有打包好的文件2、使用shell等工具登录你的linux服务器3、安装nginx,网上教程一大堆4、进入/usr/local/nginx/conf/nginx.conf5、vinginx.confserver {listen 8080;# server_...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 71,070
精华内容 28,428
关键字:

启动react项目