问题标签 [cra]
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 - webpack 4 和 create-react-app csp 和 new Function
webpack 4 似乎正在将这样的代码添加到包中
我们有严格的安全性,这意味着这将因为代码而使cspnew Function
失败。
不幸的是,添加unsafe-eval
到 csp 不是一种选择。
是否可以阻止 wepback 添加此代码?
我尝试将节点设置为以下内容:
我是这样设置devtool
的:
devtool: 'cheap-module-source-map',
我已经设置globlObject
为window
globalObject: 'window',
这减少了new Function
调用次数,但并未删除它们。
理想情况下,我们应该使用这个 polyfill
javascript - 将类型声明添加到在 JS 中创建的 React App
我已经在其中构建了完整的 React 应用程序,Javascript
但现在我想向Typescript
应用程序添加类型声明。
我需要重建我的整个应用程序.ts
还是有其他方式。
您可以分享文档或教程的链接吗?
typescript - 如何为对等依赖项应用模块扩充?
我的场景
我正在使用具有 MUI v5 对等依赖项的TSDX (react-storyook 模板)创建一个 TypeScript 包。
在包中,我正在扩充主题以对其进行自定义,如MUI所述。
然后我通过使用纯 JavaScript 的 create-react-app (CRA) 来使用这个包。
问题陈述
当对等依赖项作为开发依赖项安装时,我的模块扩充仅对包可见。
模块扩充不适用于包本身之外的对等依赖项(即,虽然它是依赖于两者的项目内部的对等依赖项)。
如何让我的 CRA 项目共享并理解主题界面模块增强功能?
reactjs - 从 CRA(创建反应应用程序)迁移到 vite 后,未定义缓冲区
在声明并完成所有配置文件之后,当我启动服务器时,我得到 Buffer not defined 并且错误指向一个 npm 模块。
Uncaught ReferenceError: Buffer is not definedat node_modules/jsesc/jsesc.js
reactjs - Keycloak 在硬页面刷新后就像未初始化一样
首先,提前感谢任何阅读我的问题和评论的人。我有一个 CRA 应用程序正在使用keycloak-js
和ReactKeycloakProvcer
来自 `@react-keycloak/web. 当您第一次加载应用程序页面并登录时,keycloak 已正确初始化并正常运行。提供者以非常标准的方式获取 KC 的实例。
稍后在我的 axios 包装器中,我将 KC 令牌拉出以添加到所有请求中作为不记名令牌,如下所示:
我的 keycloak 文件只返回一个新的 KC 实例 --> /authentication/keycloak.js 的内容
一切正常,直到用户硬刷新页面。当页面重新加载时,KC 对象上不存在 keycloak.authenticated,因此所有 HTTP 调用都会失败,因为没有 Bearer 令牌。
我正在使用 keycloak-js 版本 15.0.2。任何/所有想法表示赞赏。
reactjs - 带有 MSW 的 Typescript CRA:无法解析源映射
我已经创建了一个内置 typescript 模板的 Create React App 应用程序,然后我使用 npm 安装了 MSW,并根据 MSW 安装指南创建了文件。它非常适合开玩笑,但是对于浏览器,当我使用启动脚本时,我收到了一堆警告:
和类似...
我找不到任何答案,所以我向您寻求帮助。
css - 顺风构建结果文件很小
我正在尝试使用TailwindCSS
并遵循如下安装过程。但我得到的是一个只有 369 行tailwind.css
的文件,这似乎比其他人的顺风结果文件少(并且让我无法使用顺风样式)。有没有遗漏的地方?
我的过程
- CRA-typescript -> 安装包,里面没有编辑任何东西
tailwindcss.config.js
- postcss.config.js
- 变成了
index.css
这样
- 创建脚本并执行
任何见解表示赞赏。谢谢你。
reactjs - 如何设置 React (create-react-app) 以显示图像
我有 create-react-app 应用程序,但无法显示图像。在我的代码中
<img src="/files/2k28WHrMCJu9jSEEss0Y9sKV7Oqf4b/0/120" alt="" />
使用 .htaccess
它应该转移到
<img src="/files/files.php?url=2k28WHrMCJu9jSEEss0Y9sKV7Oqf4b/0/120" alt="" />
文件夹结构应用程序是:
PHP 代码 (files.php) 返回
如果我在构建模式下(从构建目录)运行应用程序,一切都会完美运行。它在开发环境中不起作用。它在构建模式下而不是在开发模式下工作的原因是什么。原因是目录结构还是代理或其他原因?
问题是为什么它在构建应用程序中有效而开发却没有。如果我在构建应用程序中使用直接 URL 将照片打开到浏览器
http://buil-app/files/2k28WHrMCJu9jSEEss0Y9sKV7Oqf4b/0/120
,则会显示照片。使用开发模式
http://localhost:3000/files/2k28WHrMCJu9jSEEb7/O/120
显示的不是照片而是应用程序。重写在 .htaccess 中不起作用或找不到路径?
node.js - 预渲染 React CRA 应用程序时出错:目标:WebSocket 错误:连接 ETIMEDOUT errno:-4039
我正在尝试将预渲染添加到基本的 React CRA 项目中。我试过 react-snap、react-snapshot、prerender-spa-plugin。但是在构建过程中,我总是遇到同样的错误。在预渲染过程中,WebSocket 和虚拟服务器可能有问题。
即使我尝试从 prerender-spa-plugin 存储库中预渲染 CRA 项目的示例,我也会遇到这个错误。 链接到该示例应用程序
所以我想问题一定不是隐藏在应用程序代码或应用程序设置中。除了预渲染之外的一切都很好。
你知道可能出了什么问题吗?我正在使用节点 v17.17、npm 6.14、Windows 10
这是日志:
routes - NextJS - 在某些路径后停止刷新页面
我正在尝试将 NextJS 与 CRA 结合起来,并且我想在 NextJS 中的某些路径之后使用反应路由器。例如:
可以在这两个页面之间刷新:
我不希望这两个页面之间的刷新:
我知道组件 Link 存在: import Link from 'next/link'; 但我不在 CRA 上使用该组件。
提前致谢!