将 Reactjs 与 electronjs 一起使用得到意外的令牌 '<' 错误答案

【问题标题】：Using Reactjs with electronjs getting unexpected token '<' error将 Reactjs 与 electronjs 一起使用得到意外的令牌 '<' 错误
【发布时间】：2020-12-17 14:03:47
【问题描述】：

我一直在尝试使用反应视图层运行电子 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 加载器似乎仍然忽略了预设

【问题讨论】：

标签： reactjs webpack webpack-dev-server

【解决方案1】：

将“/”添加到输出的 publicPath 解决了这个问题

reference

【讨论】：