- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
有什么简单的方法可以使用 Electron-Forge 和 React 设置应用程序吗?我正在使用 webpack 模板,但不知道如何让 jsx 工作。我在 renderer.js 中有反应的东西
最佳答案
我想到了,
yarn create electron-app test --template=webpack
cd test
然后我安装了 babel:
yarn add @babel/core babel-loader @babel/preset-env @babel/preset-react --d
并使用react:
yarn add react react-dom
使用以下代码在项目根目录中创建了一个 .babelrc:
{"presets": ["@babel/preset-env", "@babel/preset-react"]}
并将以下内容添加到 webpack.rules.js 中:
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
}
将 renderer.js 更改为 renderer.jsx 并更改 package.json 中的内容:
"@electron-forge/plugin-webpack",
{
"mainConfig": "./webpack.main.config.js",
"renderer": {
"config": "./webpack.renderer.config.js",
"entryPoints": [
{
"html": "./src/index.html",
"js": "./src/renderer.js",
"name": "main_window"
}
]
}
}
对此:
"@electron-forge/plugin-webpack",
{
"mainConfig": "./webpack.main.config.js",
"renderer": {
"config": "./webpack.renderer.config.js",
"entryPoints": [
{
"html": "./src/index.html",
"js": "./src/renderer.jsx",
"name": "main_window"
}
]
}
}
最后用这个替换了renderer.jsx:
import './index.css';
import React from 'react';
import ReactDOM from 'react-dom';
console.log('Loaded React.');
ReactDOM.render(<div>Test.</div>, document.getElementById('root'));
并将 index.html 替换为:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
</head>
<body>
<div id="root"></div>
</body>
</html>
关于javascript - 电子锻造与 react ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62489701/
Closed. This question needs to be more focused。它当前不接受答案。
如何在 C# 中对存储在 token 中的数字证书中的任何消息进行签名和验证?我已经完成了电子 token 证书的加密和解密。但没有找到任何签名和验证的解决方案。如果有人知道请回复,因为我已经尝试了很
我有以下 .svg 图形: 我正在尝试为电子设置动画,使其沿着圆环的曲率移动(滚动时与页面成比例)直到某个点(可能是电子翻转时电子所在的同一点)此图像的假想 x 轴): 我是网络开发的新手,所以我不确
我的问题是关于配置Cypress以启动某种语言的浏览器实例。 为了: 对本地化(i18n)文本标签进行断言? 检查i18n功能(在语言之间切换) 例如在以下情况下绕过持续集成(CI/CD)的问题: 在
所以我得到了 Retrofit API + Gson 作为转换器,我有 parcelable 类可以传递给各种 Activity ...... @Parcelize data class Generi
桌面应用程序的正确 oauth2 流程是什么?除了桌面应用程序之外,我还有一个使用隐式流的 SPA Web GUI。在那里,如果客户端在 3600 秒后重定向到 IdP 以颁发新的访问 token 并
任何人都可以建议为什么会出现此错误吗?谢谢! 电子(Chromium)开发者控制台出现此错误:“Uncaught SyntaxError:意外的保留字”并引用appentrypoint.js 在控制台
上下文:我有一个需要读取文件才能执行的应用程序ExternalApp.exe:File.ini。此文件包含ExternalApp.exe应用程序的配置,不可读。。解决方案:创建一个电子应用程序来读/写
上下文:我有一个需要读取文件才能执行的应用程序ExternalApp.exe:File.ini。此文件包含ExternalApp.exe应用程序的配置,不可读。。解决方案:创建一个电子应用程序来读/写
我是一名优秀的程序员,十分优秀!