create-react-app使用的问题
// 设置npm config set registry https://registry.npm.taobao.org// 验证是否成功npm config get registry或npm info express...
2024-01-10
npx create-react-app错误
发现一个错误： 出现module.js:545错误。寻找了很久一直以为npm问题。重装了几次还是不行。 然后切换了下载淘宝NPM镜像，设置方法为：npm config set registry https://registry.npm.taobao.org，设置完成后，重新执行create-react-app first-app。居然成功了。 原来是之前下载文件有问题导致的。如果你也遇到这样的问题...
2024-01-10
react-create-app打包过程遇到的问题
刚开始学react,遇到的很多问题,先是搭建webpack,但是最后还是直接使用了react的脚手架直接上手,一开始项目写好的时候,却发现构建npm run build 构建好了,但是前面却多出了一条/,导致运行的时候页面都是空白的,显示为空..就如上图所示后面在github的官网上终于找到了解决方法 ..先执行 npm run jest //暴...
2024-01-10
create-react-app何时混淆或缩小代码？
我有一个关于webpack的基本问题，可以做出反应（可以在代码混淆/丑化周围）使用帮助。我正在create-react-app为我的应用程序使用它，它似乎为生产创建了捆绑的版本（运行之后yarn build）。在该文件中，似乎所有内容都放入了main.JS文件和main.CSS文件等中，我使用“ firebasedeploy”（在我的情况下）进行了...
2024-01-10
create-react-app创建，ie11不兼容
问题描述按照官方文档使用yarn create react-app centre-app 创建工程使用yarn start, chrome浏览器可正常访问以下为packge.json配置文件但在ie11下报如下图错误经过百度、必应、google一通后，发现并没有[email protected]版本的解决方案，最后在github官方issues中找到解决方案，记录分享下。1. yarn add react-app-poly...
2024-01-10
1-1、create-react-app 配置 mobx
1、用npx create-react-app my-app安装项目2、cd my-app3、执行 npm run eject 让配置文件可见4、npm install --saveDev babel-plugin-transform-decorators-legacy 安装es6装饰器函数解析器插件，因为项目自身不带5、打开 package.json "babel": { "plugins": [ "transform-decorators-legacy" ], "presets":...
2024-01-10
cerate-react-app脚手架使用css模块化功能
cerate-react-app脚手架使用css模块化功能css模块化引发问题如何解决css模块化一开始使用creat-reat-app projectName 创建的项目没有使用css模块化功能,便第一时间去找百度按照文中修改设置,确实是可以使用css-module功能了,但是随后发现这样是有问题的.引发问题这么做实现了css模块化,但同时也无法再使用...
2024-01-10
crate-react-app 之 css modules
App.jsimport React, { Component } from 'react';import CSSModules from 'react-css-modules';import styles from './App.module.css';class App extends Component { render() { return ( <div styleName="name"> xu </div> ); }}export default CS...
2024-01-10如何在基于create-react-app的项目中添加字体？
我正在使用create-react-app，但不想使用eject。目前尚不清楚应该通过@ font-face导入并本地加载的字体在哪里。即我正在加载@font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff');}有什么建议？-编辑...
2024-01-10使用MobX可观察的装饰器和create-react-app
该MobX文档告诉我，我必须“使用变换插件变换装饰遗留并确保它是第一个在插件列表”，为了使装饰工作。MobX样板项目建议我需要一个.babelrc类似的东西：{ "presets": [ "react", "es2015", "stage-1" ], "plugins": ["transform-decorators-legacy", "react-hot-loader/babel"]}如何使用create-react-app生成的项目来做到这...
2024-01-10
【React】create-react-app 多页面问题，构建失败
create-react-app构建多页面时，更改了entry,output和HtmlWebpackPlugin位置当build时报错:Cannot read property 'filter' of undefined经过重复测试，entry位置不能设置为 对象，否则就报错所以，这是什么原因，或者如何可以正确的配置多页面谢谢回答...
2024-01-10详解开发react应用最好用的脚手架 create-react-app
1. 介绍在开发react应用时，应该没有人用传统的方法引入react的源文件(js)，然后在html编辑吧。大家都是用webpack + es6来结合react开发前端应用。这个时候，我们可以手动使用npm来安装各种插件，来从头到尾自己搭建环境。比如：npm install react react-dom --savenpm install babel babel-loader babel-core babel-preset-es2015...
2024-01-10
React-关于react的思考
声明式开发 减少dom操作，减少代码量可以与其他框架并存组件化开发单向数据流视图层框架 大型项目需要与其他数据层框架一起使用函数式编程 方便自动化测试...
2024-01-10
react-native-image-picker环境配置及使用
安装插件。npm install [email protected] --savelinkreact-native link react-native-image-pickerandroid环境配置在Android Studio打开对应项目，进行如下操作1.添加权限在/android/app/src/main/AndroidManifest.xml文件中添加<uses-permission android:name="android.permission.CAMERA" /><uses-permission...
2024-01-10
create-react-app React脚手架 引入 scss 配置
1. 配置sass需要按以下步骤进行: 一、安装sass-loader和node-sass依赖npm install sass-loader node-sass --save-dev二、打开react的webpack配置React提供的脚手架create-react-app创建的工程文件不像vue那种暴露出webpack来的配置，所以你要去找到 node_modules/react-scripts/config/webpack.config.dev.js 文件和 webpack.config.prod.j...
2024-01-10
通过cross-env改变create-react-app默认启动端口号
装包：yarn add cross-env 配置："start": "cross-env PORT=3030 node scripts/start.js",...
2024-01-10
react反向代理使用http-proxy-middleware
一简介http-proxy-middleware用于后台将请求转发给其它服务器。二 安装1 $ npm install --save-dev http-proxy-middleware三 使用在src同级目录创建setupProxy.js如图所示const { createProxyMiddleware } = require('http-proxy-middleware'); //注意写法，这是1.0以后的版本，最好按抄module.exports = function (app) { app.u...
2024-01-10
react 【npx create-react-app my-app】执行错误
错误提示：npm ERR! code ENOLOCALCould not install from "Files\nodejs\node_cache\_npx\29476" as it does not contain a package.json file.原因：node路径带有空格打开DOS窗口，执行 npm config get cache显示：C:\Program Files\nodejs\node_cache空格指的就是【Program Files】中间的空格解决方法：将【Program File...
2024-01-10
前端自动化构建入门4-使用create-react-app建立一个React应用
使用create-react-appcreate-react-app 是业界最优秀的 React 应用开发工具之一，使用create-react-app可以快速构建一个react应用。1.安装create-react-app， npm install -g create-react-app2.切换到你的项目文件夹，cd create-react-app 3.创建一个react应用，create-react-app my-app4.切换到你应用目录，cd my-app5.启动应用，npm start6.查看...
2024-01-10
【React】react&&redux调试工具
1、安装 react-developer-tools，在chrome应用商店进行下载，因为网络限制原因，我们可以使用火狐浏览器进行安装下载 a、打开火狐浏览器的附加组件 b、搜索react-developer-tools进行安装React Developer Tools会自动检测React组件，不过在webpack-dev-server模式下，webpack会自动将React组件放入到iframe下，导致React组件检...
2024-01-10
window使用 create-react-app 快速构建 React 开发环境
1.需要先安装node,下载链接 https://nodejs.org/en/ ，下载完成后直接安装就可以了，下载lts版本就行（current是最新版），安装完成后打开命令行查看安装的版本C:\Users\dell>node -vv8.12.0C:\Users\dell>npm -v6.4.12.在命令行指定目录到桌面，创建项目C:\Users\dell>cd DesktopC:\Users\dell\Desktop> 创建my-app项目命令npx crea...
2024-01-10
【react学习一】首先先create-react-app 配置less、sass
1.安装初始化npm create-react-app react-demo2.安装初始化npm run eject3.配置sass / lesscnpm i sass-loader node-sass -d代码片段1： exclude: [/\.(js|jsx|mjs)$/, /\.html$/, /\.json$/, /.scss$/], 代码片段2： { test: /\.scss$/, loaders: ['style-loader', 'css-loader', 'sass-...
2024-01-10
reactjs-swiper react轮播图组件基于swiper
react轮播图组件基于swiperdemo地址：http://reactjs-ui.github.io/reactjs-swiper/simple.html1. 下载安装npm install reactjs-swiper 2.使用import React, {Component} from 'react';import {render} from 'react-dom';import ReactSwiper from 'reactjs-swiper';import './sass/example.scs...
2024-01-10
react 之 create-react-app 启动命令 npm run eject
前言：使用 create-react-app 初始化 react 项目时：初始化后项目文件只有：node_modules 是各个依赖存放的位置public 用来存放静态资源，其不参与构建src 项目源码文件，一般开发就在该目录下扩展，并参与构建package.json 文件默认只有三个依赖：react、react-dom、react-scripts，其他如 webpack 、babel 等都是被...
2024-01-10
基于webpack+react+antd 项目构建
工欲善其事必先利其器，学习React也是如此。下面分享一篇基于webpack+react+antd 项目构建的好文章，https://blog.hduzplus.xyz/articles/2017/03/20/1490020310263.htmlhttp://www.jqhtml.com/7626.html...
2024-01-10
