问题标签 [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.

0 投票
3 回答
14984 浏览

reactjs - react.js - 使用自定义路径运行 npm run build

在项目上运行npm run build命令react-create-app会在所有文件(如地图文件)中创建一个构建文件夹和一些默认路径:

我可以更改构建文件夹中的所有路径以匹配我的 BE,例如

包.json:

0 投票
2 回答
25081 浏览

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 一起做出反应,我正在使用这个链接

UPD
在此处输入图像描述

0 投票
2 回答
1738 浏览

javascript - 在 Jest 中使用绝对路径

我已经使用create-react-app创建了一个应用程序。
我在.env中设置了我的NODE_PATH=src/当我启动react-script start
时 一切正常,但是当我启动react-script test时出现错误:找不到导入。在我的package.json中:

编辑
它适用于:

0 投票
1 回答
79 浏览

reactjs - 从 react-create-app 迁移到通常的 react 应用程序

最近我开始研究一个由另一个程序员基于 react-create-app 编写的商业项目。由于项目已经够大了,并且不停地开发,使用 react-create-app 越来越不方便了,因为我希望自己能够完全配置好 webpack、node.js 等包。

我正在寻找机会尽快将项目从 react-create-app 迁移到表单,就好像项目最初是在没有它的情况下编写的一样。

在我看来,之后使用代码npm run eject似乎非常复杂。

我正在尝试至少找到一些有关此问题的说明或指南,但尚未找到。

这是 package.json 依赖项:

0 投票
2 回答
385 浏览

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 对我们来说不是一个好的解决方案。

0 投票
1 回答
506 浏览

reactjs - 类名的 React JSX 表达式不会在运行时评估

我有以下模板,其中className包含我希望每次 React 调用该render方法时都会评估的属性表达式:

我希望它被转换成这个,这实际上是在线 Babel 转译器显示的

我正在使用 create-react-app 启动器。当我调试它时,我看到以下内容:

就像在构建期间正在评估表达式一样。我错过了什么?

0 投票
0 回答
1896 浏览

javascript - 发生错误时 React-create-app 无法打开 IDE

我正在使用react-create-app,一切都按预期工作。但是我希望当发生错误时它会自动打开有问题的文件。

我已经按照建议设置了.env.local文件。

错误

也许这是 PhpStorm 而不是 RCA 的错误?

0 投票
1 回答
521 浏览

reactjs - 如何更改 react-script 自动生成的导入?

我有一个反应应用程序,它是使用 create-react-app 创建的。我在我的项目中包含了 react-bootstrap,当我启动/构建应用程序时,导入了引导 css 文件。如何用我的自定义 CSS 更改这个 CSS?我知道我可以在 index.js 中添加新的 css,但在这种情况下不会导入两个 css 文件吗?

由于我正在创建自定义引导主题,因此我希望不导入默认引导 css 文件,因为我正在从自定义 scss 文件和引导 scss 文件构建新的 css 文件。

我的 package.json:

npm start 生成:

如何将这些导入更改为我自己编译的导入?我宁愿不使用远程存储库。

0 投票
0 回答
774 浏览

react-native - 我如何使用`react-create-app`创建新的反应应用程序但没有博览会?

我需要初始化一个新的反应原生项目。创建 React Native 项目的推荐方法是使用名为react-create-app.

但是这个工具带有内置的“expo”工具链,它省略了./android在我的应用程序根目录中创建目录。

有没有办法告诉 whilecreate-react-app命令在不集成“Expo”的情况下创建应用程序?

为什么我需要这个是我想使用一些与我的 react-native 应用程序集成的外部原生 Java 库。

0 投票
2 回答
6147 浏览

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。

到底是怎么回事?为什么它不再从本地主机工作了?