问题标签 [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 创建应用程序生产错误边界映射到源代码
我正在使用错误边界组件来捕获反应错误,它工作正常。
我的问题是,在生产应用程序中,日志记录有点用处,因为组件堆栈看起来像这样:
在开发环境中,组件堆栈更有用:
消息也是如此。在生产中我们得到:
在开发中:
有没有办法让反应错误映射到源代码并使日志记录在生产中实际可用?
更新:我正在使用一个名为http://js.jsnlog.com/的库来处理日志并实际捕获所有内容(甚至是事件处理程序)。这就是边界组件看起来像https://pastebin.com/aBFtD7DB的样子。问题不是捕捉错误,而是在生产中它们是无用的。
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" }
我该如何解决?
reactjs - 如何使用 React 处理两个不同的 API?
我需要在 API 中测试一个端点,但我已经使用了一个 API,并且我不想更改所有针对新 API 的调用。
proxy
我不知道事件是否可能,但有没有办法在里面定义多个package.json
?
有没有办法在里面传递身份验证密钥package.json
?
主服务器是本地服务器,带有代理:
目前我正在使用axios
API 调用,该项目是从react-create-app
.
reactjs - 将 Create React App 部署到 Netlify 时没有源映射
react-create-app
使用.部署到 Netlify
问题:
- 不为生产部署构建源映射。
- 拥有其他构建的源映射以进行调试。
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 脚本通过排序文件位置和一些日志记录等做了一些其他的事情,但我认为这与将消息作为通过测试返回无关。
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 中动态设置主页?提前致谢!
typescript - 如何删除创建反应应用打字稿排序导入规则
我是新手,create react app typescript version
我想问如何禁用订购导入:((
我一直在尝试在两者中设置错误的不同tsconfig.json
属性tslint.json
我会很感激你的帮助。
javascript - 在反应项目中保护 .env 参数
我是 React 和 js 世界的新手,我正在尝试创建我的应用程序的生产版本
这个应用程序有一些 env 参数(api 密钥、秘密等)存在于 .env.production 文件中,当我运行时yarn build
我得到/build
文件夹,尤其是 main.js 文件,其中我的所有“安全”环境参数都暴露在代码和每个人中看得出来,绝对不是我想要的
有人可以指出我,我怎样才能在我的 React 应用程序中保护这些参数,以便项目以某种方式安全地获取它们而不将其暴露给世界?
javascript - 如何使用不同的设置构建 react-create-app?
我按照他们的大部分结构建议使用 react-create-app 构建项目。这是一年多的积极发展。现在,客户希望能够为许多分包商构建具有不同徽标、颜色和图标的项目。我没有一个通用的样式文件。所有样式都被分成组件,并导入到js文件中。我想我未来也会有逻辑上的差异。
现在我正在寻找实现这一点的最佳解决方案/实践。