我正在使用 Electron 1.5。
在渲染过程中,我尝试了三种不同的 react 方式。所有的工作,这真让我感到困惑。谁能解释?
<script src="./node_modules/react/dist/react.js"></script> <script src="./node_modules/react-dom/dist/react-dom.js"></script>
require('react'); require('react-dom')
我将es2016预设使用Babel来处理以下JSX文件:
(counter.js)正在window.html中读取
<script src="jsx/Counter.js"></script>
Counter.jsx
class Welcome extends React.Component {
render() {
return <h1>Hello Again, {this.props.name}</h1>;
}
}
class CountWidget extends React.Component {
render() {
return (
<div>
<h1>{this.props.value}</h1>
<button onClick={this.props.onIncrement}>+</button>
<button onClick={this.props.onDecrement}>-</button>
</div>);
}
}
我不使用任何 bundle 器或构建器,而只是通天塔。
{
"version": "0.1.0",
"name": "index",
"main": "main.js",
"license": "MIT",
"repository": {
"url": "https://gitlab.draper.com/ysg4206/NodeWork.git",
"type": "git"
},
"dependencies": {
"jquery": "^3.1.1",
"react": "^15.4.2",
"react-dom": "^15.4.2",
"react-redux": "^5.0.2",
"redux": "^3.6.0",
"redux-devtools": "^3.3.2",
"redux-devtools-extension": "^1.0.0",
"t7": "^0.3.2"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-preset-env": "^1.1.8",
"babel-preset-es2016": "^6.22.0",
"babel-preset-es2016-node5": "^1.1.2",
"babel-preset-react": "^6.22.0",
"devtron": "^1.4.0",
"electron": ">=1.4.15",
"electron-devtools-installer": ">=2.0.0",
"electron-packager": "^8.5.1"
},
"babel": {
"sourceMaps": "inline",
"presets": [
"react",
"es2016-node5"
]
}
}
最佳答案
看着太多的Javascript代码使我眼前一亮。我正在使用Visual Studio Code,它具有插入注释功能(CTRL-/)或SHFT-ALT-A
但是它将javascript样式注释插入到我的HTML文件中
// <script src="./node_modules/react/dist/react.js"></script>
// <script src="./node_modules/react-dom/dist/react-dom.js"></script>
什么都不做。谜团已揭开。非常感谢你们,你很棒@ num8er,等等。
我将把它作为bug提交给vscode的人们。
关于node.js - Electron 需要神秘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41985936/