问题标签 [react-create-app]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - react.js - 使用自定义路径运行 npm run build
在项目上运行npm run build
命令react-create-app
会在所有文件(如地图文件)中创建一个构建文件夹和一些默认路径:
我可以更改构建文件夹中的所有路径以匹配我的 BE,例如
包.json:
reactjs - react-create-app 中的全局 scss 变量
在我的 src 文件夹中,我的全局 scss 文件所在的 assets/styles 文件夹。
在我的index.scss
我这样导入它们
然后在 index.js 中,我导入已编译index.css
问题:在basics.scss
我使用变量 from 时colors.scss
出现错误Undefined variable: \"$black\".
如果组件 scss 文件使用该文件中的变量,也会发生同样的情况。我真的不想在每个组件中导入颜色。有没有办法让这 3 个文件全局化?
为了与 scss 一起做出反应,我正在使用这个链接
javascript - 在 Jest 中使用绝对路径
我已经使用create-react-app创建了一个应用程序。
我在.env中设置了我的NODE_PATH=src/当我启动react-script start
时
一切正常,但是当我启动react-script test时出现错误:找不到导入。在我的package.json中:
编辑
它适用于:
reactjs - 从 react-create-app 迁移到通常的 react 应用程序
最近我开始研究一个由另一个程序员基于 react-create-app 编写的商业项目。由于项目已经够大了,并且不停地开发,使用 react-create-app 越来越不方便了,因为我希望自己能够完全配置好 webpack、node.js 等包。
我正在寻找机会尽快将项目从 react-create-app 迁移到表单,就好像项目最初是在没有它的情况下编写的一样。
在我看来,之后使用代码npm run eject
似乎非常复杂。
我正在尝试至少找到一些有关此问题的说明或指南,但尚未找到。
这是 package.json 依赖项:
reactjs - react-create-app 和开发中的相对子路径
我们有一个大环境,我们在同一个域下有多个应用程序,例如:
我们已将 IIS 设置为在 localhost 上以相同的方式运行,因此我们可以键入:
到达应用程序。这样做是为了避免 CORS 问题。
我们现在正在尝试使用“create-react-app”(https://github.com/facebook/create-react-app)创建一个新应用程序。
在为生产构建时添加相对路径是没有问题的,当您尝试react-scripts start
在 localhost 上运行它时会出现问题。它似乎不支持相对路径,因此它总是尝试从中获取 build.js 和其他资源,/
并且在不弹出 webpack 的情况下无法设置它。
所以我的问题是,你有什么好的方法来解决这个问题吗?弹出 webpack 对我们来说不是一个好的解决方案。
reactjs - 类名的 React JSX 表达式不会在运行时评估
我有以下模板,其中className
包含我希望每次 React 调用该render
方法时都会评估的属性表达式:
我希望它被转换成这个,这实际上是在线 Babel 转译器显示的:
我正在使用 create-react-app 启动器。当我调试它时,我看到以下内容:
就像在构建期间正在评估表达式一样。我错过了什么?
javascript - 发生错误时 React-create-app 无法打开 IDE
我正在使用react-create-app
,一切都按预期工作。但是我希望当发生错误时它会自动打开有问题的文件。
我已经按照建议设置了.env.local
文件。
错误
也许这是 PhpStorm 而不是 RCA 的错误?
reactjs - 如何更改 react-script 自动生成的导入?
我有一个反应应用程序,它是使用 create-react-app 创建的。我在我的项目中包含了 react-bootstrap,当我启动/构建应用程序时,导入了引导 css 文件。如何用我的自定义 CSS 更改这个 CSS?我知道我可以在 index.js 中添加新的 css,但在这种情况下不会导入两个 css 文件吗?
由于我正在创建自定义引导主题,因此我希望不导入默认引导 css 文件,因为我正在从自定义 scss 文件和引导 scss 文件构建新的 css 文件。
我的 package.json:
npm start 生成:
如何将这些导入更改为我自己编译的导入?我宁愿不使用远程存储库。
react-native - 我如何使用`react-create-app`创建新的反应应用程序但没有博览会?
我需要初始化一个新的反应原生项目。创建 React Native 项目的推荐方法是使用名为react-create-app
.
但是这个工具带有内置的“expo”工具链,它省略了./android
在我的应用程序根目录中创建目录。
有没有办法告诉 whilecreate-react-app
命令在不集成“Expo”的情况下创建应用程序?
为什么我需要这个是我想使用一些与我的 react-native 应用程序集成的外部原生 Java 库。
node.js - 本地主机不能在不同的网络上工作和运行?
概述
- 赢 10 专业版,64 位
- 静态服务器从本地主机工作
- 所有其他 node.js 服务器停止在 localhost,127.0.0.1 上工作,并且仅在 172.16.xxx.xxx 主机上工作
从源代码中我可以看到静态服务器主机是 0.0.0.0,这与我的相同。我在 0.0.0.0 https://nodejs.org/api/net.html#net_server_listen_port_host_backlog_callback上运行我的服务器
这一切突然发生在我的 windows 机器和几个带有 webpack 的 web 应用程序上。我再次安装了windows,问题仍然存在。
我WebpackDevServer
与主机一起使用:0.0.0.0
细节
我在安装了一些 vpn 的全新 win 10 上运行。
所以我有这 3 个应用程序
- 主机 0.0.0.0:9080 上的 webpack-app
- 端口 9080 上的静态服务器(也应该是 localhost)
- webpack-app 在端口 3000 上带有 react-create-app
我在端口 9080 上启动 webpack-app,然后转到浏览器并显示“无法访问此站点,localhost 拒绝连接。” (我 100% 确定在 9080 上运行,因为我所有的 webpack 应用程序都立即停止工作)
我现在启动静态服务器并在端口 9080 上运行,一点也不抱怨!现在我转到浏览器,它会在端口 9080 上打开页面。
所以现在我想我在两个不同的网络上运行。这是它在 Windows 中的外观:
所以现在我看看是否有人在监听端口 9080,我看到了这个:
我关闭了静态服务器,它消失了。意味着静态服务器正确显示在那里。
那里也没有其他node.exe进程。那么我的 webpack-app 到哪里去了呢?
现在经过一段时间后,端口 3000 上会弹出一些东西
不知道为什么同一个端口上有这么多,我去那个 url 并且它有效。但不适用于 localhost:3000。
到底是怎么回事?为什么它不再从本地主机工作了?