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

javascript - JSDOM.serialize() 剥离结束链接标签

我正在为我的 react 应用程序构建编写一个脚本,因为我需要修改一点创建的 index.html。所以我使用 jsdom 进行修改,然后传递dom.serialize()给 fs.writeFile() 以将我的修改写回 index.html。

这几乎给了我想要的东西,但最终看起来像这样:

所有链接标签都/>从它们的末端取下来,这将使我每次都必须手动添加它们......我尝试将 jsdom.serialize 传递给 parse5,然后返回到 xmlserializer。这保留了末尾的“/>”,但将脚本标签更改为以结尾/>而不是</script>,导致它们无法加载到我的页面上...

有谁知道我如何使用 jsdom 保留链接元素上的结束标签?

0 投票
1 回答
438 浏览

javascript - 如何在摩纳哥编辑器中“冻结”某些行?

我想将 JavaScript 文件内容加载到编辑器但“冻结”一些行。最好的方法是什么?

假设有 100 行代码。

我希望用户能够在第 10-90 行之间编辑任何内容,但不允许在 0-10 或 90-100 之间进行编辑。

在 react-create-app 应用程序中进行处理。寻找不弹出反应脚本的方法。

0 投票
1 回答
49 浏览

node.js - 从 webpack 中的同一个文件创建两个不同的输出

我需要更改我的 react 应用程序的构建过程,以便它创建同一文件的两个不同输出。此时它只创建一个index.js被缩小的但我想要另一个与 gzip 基本相同的index.js输出。

是否可以更改 webpack 配置以从同一个文件中获取 2 个文件(一个缩小,另一个 gzip 压缩)entry

0 投票
0 回答
262 浏览

javascript - 在创建 google-chrome-extension 时将消息从“content.js”移动到 react-create-app 中的 App.js

我正在使用该react-create-app库来创建 google-chrome-extension。它尝试从文件中发送一条消息,content.js并将App.js其显示为警报和console.log。我没有错误。没有警报出现,console.log 中也没有显示任何内容。有人可以给你建议。扩展程序正常启动。

结构项目

清单.json

内容.js

应用程序.js

0 投票
0 回答
527 浏览

javascript - 在哪里放置`axios.interceptor`?在 react-create-app 的单独服务中?

我有这个目录结构:

在哪里放置interceptor?我应该使用服务创建一个单独的目录并将其导入文件App.js吗?

拦截器

0 投票
3 回答
6245 浏览

javascript - 内联脚本,因为它违反了以下内容安全策略指令:“script-src 'self'”

react-create-app用来构建我的 chrome 扩展。当我npm run build在 react-create-app 中使用时出现错误:

拒绝执行内联脚本,因为它违反了以下内容安全策略指令:“script-src 'self'”。启用内联执行需要“unsafe-inline”关键字、哈希(“sha256-5=”)或随机数(“nonce-...”)。

错误index.html

清单.json

0 投票
1 回答
84 浏览

reactjs - 传递 e.target.value 给我带来了错误

这是我运行 handleUserInputChange 时显示的错误消息。

index.js:1375 MissingMethodException: On_Off_Light.ChangeBrightness 由于:试图访问丢失的成员。

我的功能代码:

我是这样称呼它的:

如您所见,我已经绑定了这个函数,但是当尝试将 e.target.value 作为参数传递给

它一直说我正在尝试访问丢失的成员。

0 投票
2 回答
401 浏览

reactjs - 如何在输入标签(这是一个组件)中处理“autoFocus”和“required”属性?

这是输入组件,如何处理这个组件中的autoFocus属性,它是作为props传递的?autoFocus="on" 或 "of"、autoFocus="true" 或 "false" 不起作用...!。tq 提前。

0 投票
1 回答
821 浏览

reactjs - 如何使用 docker + react-create-app 进行生产构建?

我有一个反应应用程序,经过一段时间我设法用 docker 构建。这里的一切都是在我的本地机器上完成的(windows 10 pro)。

我有以下泊坞窗文件:

我对此仍然很陌生,我可能错了,但是在通过以下方式构建之后:

并运行它:

访问http://localhost:8080/并通过开发工具期待我的文件我仍然看到以下内容:

在此处输入图像描述

我的文件仍然暴露在外。

我错过了什么?认为生产版本不会显示所有内容?

0 投票
1 回答
400 浏览

javascript - React/Webpack:如何通过代码清理使动态导入/要求依赖于变量?

我已经使用最新的 react 16.12 和 Webpack 创建了由“react-create-app”创建的应用程序

我需要依赖变量进行导入,例如:

运行命令:set "SOMEVAR=a1" && npm run build

这段代码将main.chunk.js与这3个模块xxx//里面,没有yyy依赖zzzSOMEVAR

我意外地发现,当我使用NODE_ENV变量名时 -它就像我需要的那样工作!例子:

运行命令:set "NODE_ENV=production" && npm run build

此代码将main.chunk.js 仅包含 xxx 模块

问题:如何使任何其他变量具有相同的效果,而不是NODE_ENV(我需要在内部构建仅在我之后使用的模块if)?这个怎么运作?我在“WebPack docs”中找不到有关此效果的任何信息。