问题标签 [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 投票
2 回答
3905 浏览

reactjs - 如何使 React 创建应用程序生产错误边界映射到源代码

我正在使用错误边界组件来捕获反应错误,它工作正常。

我的问题是,在生产应用程序中,日志记录有点用处,因为组件堆栈看起来像这样:

在开发环境中,组件堆栈更有用:

消息也是如此。在生产中我们得到:

在开发中:

有没有办法让反应错误映射到源代码并使日志记录在生产中实际可用?

更新:我正在使用一个名为http://js.jsnlog.com/的库来处理日志并实际捕获所有内容(甚至是事件处理程序)。这就是边界组件看起来像https://pastebin.com/aBFtD7DB的样子。问题不是捕捉错误,而是在生产中它们是无用的。

0 投票
1 回答
153 浏览

reactjs - 为什么 React-Create-App 无法读取 ReactRouter 数据类型?

我目前尝试构建一个 React-Create-App。它是 github 上的一个包 - 8 天前的最新提交。

我的编译器无法翻译我的 ReactRouters 代码。

这是我的 App.js 代码,首先编辑:

错误日志如下:

编译失败。

./src/App.js 中的错误未找到模块:[当前文件夹] 中的“react-router-dom”

@ ./src/App.js 16:22-49

但是当我弹出我的 ReactCreateApp 时,我实际上在 JSON 包中看到了一个 react-router-dom:

  • { "react-router-dom": "^4.2.2" }

我该如何解决?

0 投票
0 回答
42 浏览

reactjs - 如何在没有弹出的情况下在 devtool 中查看 css 文件名?

我有使用创建的应用程序react-create-app。现在我想在我的 chrome 开发工具中看到确切的文件名,但是没有名字,例如App.js我看到 useless <style></style>。因此,默认情况下,源映射似乎不起作用或未在 webpack 中启用。1 或 2 年前,我通过弹射解决了这个问题。但我很喜欢有一种简单的方法来存档它。

在此处输入图像描述

0 投票
2 回答
9184 浏览

reactjs - 如何使用 React 处理两个不同的 API?

我需要在 API 中测试一个端点,但我已经使用了一个 API,并且我不想更改所有针对新 API 的调用。

proxy我不知道事件是否可能,但有没有办法在里面定义多个package.json

有没有办法在里面传递身份验证密钥package.json

主服务器是本地服务器,带有代理:

目前我正在使用axiosAPI 调用,该项目是从react-create-app.

0 投票
2 回答
849 浏览

reactjs - 将 Create React App 部署到 Netlify 时没有源映射

react-create-app使用.部署到 Netlify

问题:

  • 为生产部署构建源映射。
  • 拥有其他构建的源映射以进行调试。
0 投票
2 回答
618 浏览

reactjs - 从 powershell 在 Appveyor 上运行 Jest 测试

我正在尝试在 Appveyor 上运行我的 Jest 测试。我正在将 asp.net 核心模板用于 react 应用程序(使用 create-react-app)。当我在本地(使用npm run test)运行测试时,测试运行良好,我看到PASS src\App.test.js已通过的测试出现故障。

然而,在 Appveyor 中,控制台抛出了一个错误,导致我的构建失败。错误消息是PASS src\App.test.js。因此,尽管它似乎实际上正在通过,但似乎以某种方式从运行中发出了错误。我检查了,$LASTEXITCODE-1

App.Test.js

it('Runs tests', () => { expect(true).toBeTruthy(); });

应用程序.yml

test_script: - ps: .\build\appveyor\js-tests.ps1

.\build\appveyor\js-tests.ps1

($env:CI = $true) -and (npm run test)

我正在设置 CI 环境,因为这会阻止测试使用“watch”。js-tests 脚本通过排序文件位置和一些日志记录等做了一些其他的事情,但我认为这与将消息作为通过测试返回无关。

0 投票
1 回答
5723 浏览

javascript - 在不同的 .env 文件中设置 PUBLIC_URL (react-create-app)

我正在使用两个主页 url(暂存和生产)使用 react-create-app 构建一个项目。为了避免在部署到登台或生产之前手动更改 package.json 中的主页,我尝试在我的 .env 和 .env.production 文件中设置一个 PUBLIC_URL 环境变量,并删除了 package.json 中的主页。

阅读文档后,我认为它会在构建期间设置主页 url,但似乎并非如此。

是否有其他地方可以设置 PUBLIC_URL 或其他方式来拥有多个主页或在 package.json 中动态设置主页?提前致谢!

0 投票
1 回答
1403 浏览

typescript - 如何删除创建反应应用打字稿排序导入规则

我是新手,create react app typescript version我想问如何禁用订购导入:((

我一直在尝试在两者中设置错误的不同tsconfig.json属性tslint.json

我会很感激你的帮助。

0 投票
1 回答
760 浏览

javascript - 在反应项目中保护 .env 参数

我是 React 和 js 世界的新手,我正在尝试创建我的应用程序的生产版本

这个应用程序有一些 env 参数(api 密钥、秘密等)存在于 .env.production 文件中,当我运行时yarn build我得到/build文件夹,尤其是 main.js 文件,其中我的所有“安全”环境参数都暴露在代码和每个人中看得出来,绝对不是我想要的

有人可以指出我,我怎样才能在我的 React 应用程序中保护这些参数,以便项目以某种方式安全地获取它们而不将其暴露给世界?

0 投票
1 回答
36 浏览

javascript - 如何使用不同的设置构建 react-create-app?

我按照他们的大部分结构建议使用 react-create-app 构建项目。这是一年多的积极发展。现在,客户希望能够为许多分包商构建具有不同徽标、颜色和图标的项目。我没有一个通用的样式文件。所有样式都被分成组件,并导入到js文件中。我想我未来也会有逻辑上的差异。

现在我正在寻找实现这一点的最佳解决方案/实践。