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

0 投票
1 回答
197 浏览

reactjs - webpack 4 和 create-react-app csp 和 new Function

webpack 4 似乎正在将这样的代码添加到包中

我们有严格的安全性,这意味着这将因为代码而使cspnew Function失败。

不幸的是,添加unsafe-eval到 csp 不是一种选择。

是否可以阻止 wepback 添加此代码?

我尝试将节点设置为以下内容:

我是这样设置devtool的:

devtool: 'cheap-module-source-map',

我已经设置globlObjectwindow

globalObject: 'window',

这减少了new Function调用次数,但并未删除它们。

理想情况下,我们应该使用这个 polyfill

0 投票
0 回答
14 浏览

javascript - 将类型声明添加到在 JS 中创建的 React App

我已经在其中构建了完整的 React 应用程序,Javascript但现在我想向Typescript应用程序添加类型声明。

我需要重建我的整个应用程序.ts还是有其他方式。

您可以分享文档或教程的链接吗?

0 投票
0 回答
42 浏览

typescript - 如何为对等依赖项应用模块扩充?

我的场景

我正在使用具有 MUI v5 对等依赖项的TSDX (react-storyook 模板)创建一个 TypeScript 包。

在包中,我正在扩充主题以对其进行自定义,如MUI所述。

然后我通过使用纯 JavaScript 的 create-react-app (CRA) 来使用这个包。

问题陈述

当对等依赖项作为开发依赖项安装时,我的模块扩充仅对包可见。

模块扩充不适用于包本身之外的对等依赖项(即,虽然它是依赖于两者的项目内部的对等依赖项)。

如何让我的 CRA 项目共享并理解主题界面模块增强功能?

0 投票
0 回答
415 浏览

reactjs - 从 CRA(创建反应应用程序)迁移到 vite 后,未定义缓冲区

在声明并完成所有配置文件之后,当我启动服务器时,我得到 Buffer not defined 并且错误指向一个 npm 模块。 Uncaught ReferenceError: Buffer is not definedat node_modules/jsesc/jsesc.js

0 投票
1 回答
195 浏览

reactjs - Keycloak 在硬页面刷新后就像未初始化一样

首先,提前感谢任何阅读我的问题和评论的人。我有一个 CRA 应用程序正在使用keycloak-jsReactKeycloakProvcer来自 `@react-keycloak/web. 当您第一次加载应用程序页面并登录时,keycloak 已正确初始化并正常运行。提供者以非常标准的方式获取 KC 的实例。

稍后在我的 axios 包装器中,我将 KC 令牌拉出以添加到所有请求中作为不记名令牌,如下所示:

我的 keycloak 文件只返回一个新的 KC 实例 --> /authentication/keycloak.js 的内容

一切正常,直到用户硬刷新页面。当页面重新加载时,KC 对象上不存在 keycloak.authenticated,因此所有 HTTP 调用都会失败,因为没有 Bearer 令牌。

我正在使用 keycloak-js 版本 15.0.2。任何/所有想法表示赞赏。

0 投票
1 回答
2376 浏览

reactjs - 带有 MSW 的 Typescript CRA:无法解析源映射

我已经创建了一个内置 typescript 模板的 Create React App 应用程序,然后我使用 npm 安装了 MSW,并根据 MSW 安装指南创建了文件。它非常适合开玩笑,但是对于浏览器,当我使用启动脚本时,我收到了一堆警告:

和类似...

我找不到任何答案,所以我向您寻求帮助。

0 投票
2 回答
70 浏览

css - 顺风构建结果文件很小

我正在尝试使用TailwindCSS并遵循如下安装过程。但我得到的是一个只有 369 行tailwind.css的文件,这似乎比其他人的顺风结果文件少(并且让我无法使用顺风样式)。有没有遗漏的地方?

我的过程

  1. CRA-typescript -> 安装包,里面没有编辑任何东西tailwindcss.config.js
  1. postcss.config.js
  1. 变成了index.css这样
  1. 创建脚本并执行

任何见解表示赞赏。谢谢你。

0 投票
1 回答
28 浏览

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 中不起作用或找不到路径?

在此处输入图像描述

0 投票
0 回答
45 浏览

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

这是日志:

0 投票
0 回答
91 浏览

routes - NextJS - 在某些路径后停止刷新页面

我正在尝试将 NextJS 与 CRA 结合起来,并且我想在 NextJS 中的某些路径之后使用反应路由器。例如:

可以在这两个页面之间刷新:

我不希望这两个页面之间的刷新:

我知道组件 Link 存在: import Link from 'next/link'; 但我不在 CRA 上使用该组件。

提前致谢!