问题标签 [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.
javascript - JSDOM.serialize() 剥离结束链接标签
我正在为我的 react 应用程序构建编写一个脚本,因为我需要修改一点创建的 index.html。所以我使用 jsdom 进行修改,然后传递dom.serialize()
给 fs.writeFile() 以将我的修改写回 index.html。
这几乎给了我想要的东西,但最终看起来像这样:
所有链接标签都/>
从它们的末端取下来,这将使我每次都必须手动添加它们......我尝试将 jsdom.serialize 传递给 parse5,然后返回到 xmlserializer。这保留了末尾的“/>”,但将脚本标签更改为以结尾/>
而不是</script>
,导致它们无法加载到我的页面上...
有谁知道我如何使用 jsdom 保留链接元素上的结束标签?
javascript - 如何在摩纳哥编辑器中“冻结”某些行?
我想将 JavaScript 文件内容加载到编辑器但“冻结”一些行。最好的方法是什么?
假设有 100 行代码。
我希望用户能够在第 10-90 行之间编辑任何内容,但不允许在 0-10 或 90-100 之间进行编辑。
在 react-create-app 应用程序中进行处理。寻找不弹出反应脚本的方法。
node.js - 从 webpack 中的同一个文件创建两个不同的输出
我需要更改我的 react 应用程序的构建过程,以便它创建同一文件的两个不同输出。此时它只创建一个index.js
被缩小的但我想要另一个与 gzip 基本相同的index.js
输出。
是否可以更改 webpack 配置以从同一个文件中获取 2 个文件(一个缩小,另一个 gzip 压缩)entry
?
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
javascript - 在哪里放置`axios.interceptor`?在 react-create-app 的单独服务中?
我有这个目录结构:
在哪里放置interceptor
?我应该使用服务创建一个单独的目录并将其导入文件App.js
吗?
拦截器
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
reactjs - 传递 e.target.value 给我带来了错误
这是我运行 handleUserInputChange 时显示的错误消息。
index.js:1375 MissingMethodException: On_Off_Light.ChangeBrightness 由于:试图访问丢失的成员。
我的功能代码:
我是这样称呼它的:
如您所见,我已经绑定了这个函数,但是当尝试将 e.target.value 作为参数传递给
它一直说我正在尝试访问丢失的成员。
reactjs - 如何在输入标签(这是一个组件)中处理“autoFocus”和“required”属性?
这是输入组件,如何处理这个组件中的autoFocus属性,它是作为props传递的?autoFocus="on" 或 "of"、autoFocus="true" 或 "false" 不起作用...!。tq 提前。
reactjs - 如何使用 docker + react-create-app 进行生产构建?
我有一个反应应用程序,经过一段时间我设法用 docker 构建。这里的一切都是在我的本地机器上完成的(windows 10 pro)。
我有以下泊坞窗文件:
我对此仍然很陌生,我可能错了,但是在通过以下方式构建之后:
并运行它:
访问http://localhost:8080/并通过开发工具期待我的文件我仍然看到以下内容:
我的文件仍然暴露在外。
我错过了什么?认为生产版本不会显示所有内容?
javascript - React/Webpack:如何通过代码清理使动态导入/要求依赖于变量?
我已经使用最新的 react 16.12 和 Webpack 创建了由“react-create-app”创建的应用程序
我需要依赖变量进行导入,例如:
运行命令:set "SOMEVAR=a1" && npm run build
这段代码将main.chunk.js
与这3个模块xxx
//里面,没有yyy
依赖zzz
SOMEVAR
我意外地发现,当我使用NODE_ENV
变量名时 -它就像我需要的那样工作!例子:
运行命令:set "NODE_ENV=production" && npm run build
此代码将main.chunk.js
仅包含 xxx 模块!
问题:如何使任何其他变量具有相同的效果,而不是NODE_ENV
(我需要在内部构建仅在我之后使用的模块if
)?这个怎么运作?我在“WebPack docs”中找不到有关此效果的任何信息。