将 Reactjs 与 electronjs 一起使用会出现意外的标记“<”错误
Using Reactjs with electronjs getting unexpected token '<' error
我一直在尝试 运行 electron js 与反应视图层。两者都有不同的 webpack 配置。虽然电子似乎工作正常,但反应部分会抛出错误。
Webpack 配置
let rendererConfig = {
entry: {
index: path.join(__dirname, '../src/render/index.js')
},
module: {
rules: [
{
test:/\.css$/,
use:['style-loader','css-loader']
},
{
test: /\.js?$/,
loader: 'babel-loader',
exclude: /node_modules/,
}
]
},
plugins: [
new HtmlWebpackPlugin({
title: 'BSK',
filename: 'index.html',
chunks: ['index'],
template: path.resolve(__dirname, '../src/render/index.html'),
nodeModules: devMode
? path.resolve(__dirname, '../node_modules')
: false
}),
new webpack.HotModuleReplacementPlugin(),
new webpack.NoEmitOnErrorsPlugin()
],
output: {
filename: '[name].js',
libraryTarget: 'commonjs2',
path: path.join(__dirname, '../dist/electron'),
globalObject: 'this'
},
target: 'electron-renderer',
}
这是我的.babelrc
{
"env": {
"main": {
"presets": ["@babel/preset-env"]
},
"renderer": {
"presets": [
"@babel/preset-env",
"@babel/preset-react"
],
"plugins": ["react-hot-loader/babel","@babel/plugin-proposal-class-properties","emotion"]
}
},
"plugins": [
"@babel/plugin-proposal-class-properties",
"@babel/plugin-transform-runtime"
]
}
我拥有所有必需的开发依赖项,但 babel 加载程序似乎仍然忽略了预设
将“/”添加到输出的 publicPath 解决了这个问题
我一直在尝试 运行 electron js 与反应视图层。两者都有不同的 webpack 配置。虽然电子似乎工作正常,但反应部分会抛出错误。 Webpack 配置
let rendererConfig = {
entry: {
index: path.join(__dirname, '../src/render/index.js')
},
module: {
rules: [
{
test:/\.css$/,
use:['style-loader','css-loader']
},
{
test: /\.js?$/,
loader: 'babel-loader',
exclude: /node_modules/,
}
]
},
plugins: [
new HtmlWebpackPlugin({
title: 'BSK',
filename: 'index.html',
chunks: ['index'],
template: path.resolve(__dirname, '../src/render/index.html'),
nodeModules: devMode
? path.resolve(__dirname, '../node_modules')
: false
}),
new webpack.HotModuleReplacementPlugin(),
new webpack.NoEmitOnErrorsPlugin()
],
output: {
filename: '[name].js',
libraryTarget: 'commonjs2',
path: path.join(__dirname, '../dist/electron'),
globalObject: 'this'
},
target: 'electron-renderer',
}
这是我的.babelrc
{
"env": {
"main": {
"presets": ["@babel/preset-env"]
},
"renderer": {
"presets": [
"@babel/preset-env",
"@babel/preset-react"
],
"plugins": ["react-hot-loader/babel","@babel/plugin-proposal-class-properties","emotion"]
}
},
"plugins": [
"@babel/plugin-proposal-class-properties",
"@babel/plugin-transform-runtime"
]
}
我拥有所有必需的开发依赖项,但 babel 加载程序似乎仍然忽略了预设
将“/”添加到输出的 publicPath 解决了这个问题