我所有的源代码都在这里供参考:
https://github.com/xkenneth/electron-react-blueprint-bp
我已经建立了一个很好的锅炉板建立使用电子锻造打字脚本+网页包模板
https://www.electronforge.io/templates/typescript-+-网页包模板
然后接着
https://www.electronforge.io/guides/framework-integration/react-with-typescript
现在我正在尝试为用户界面加载blueprintjs
当我运行代码时,出现以下错误:
index.js:2393 Uncaught ReferenceError: process is not defined
我按照这里的指示做了,但没有用。。
webpack:bundle.js-未捕获引用错误:未定义进程
有什么想法吗?
这是我的app.jsx
import { Divider } from '@blueprintjs/core';
console.log('Importing react.')
import * as React from 'react';
import * as ReactDOM from 'react-dom';
console.log('Importing BluePrint')
import { Button, Intent, Spinner } from "@blueprintjs/core";
function App () {
return (<div>
<div>Well, just go $#@! yourself!</div>
<div><Button></Button></div>
</div>
)
}
function render() {
ReactDOM.render(<App/>, document.getElementById("root"));
}
render();
这是我的web pack.main.config.js(我假设这个样板文件使用web pack.main.config.js,因为我找不到web pack.config.js)
const webpack = require('webpack')
module.exports = {
/**
* This is the main entry point for your application, it's the first file
* that runs in the main process.
*/
entry: './src/index.ts',
// Put your normal webpack config below here
module: {
rules: require('./webpack.rules'),
},
resolve: {
extensions: ['.js', '.ts', '.jsx', '.tsx', '.css', '.json'],
alias: {
process: "process/browser"
},
},
plugins: [
new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify('development')
})
],
};
1条答案
按热度按时间5tmbdcev1#
我将这行代码添加到src/renderer.ts的顶部,效果很好!
window.process={env:{}}作为nodejs.process;