Question

我在React与Electron合作。我有一个问题，Electron无法获取我的自定义光标，但它适用于指针，进度等默认游标。这是我的光标的CSS属性值：

 cursor: url('../../images/common/icon_cut.png');

这是我的错误消息：

0] ./app/images/common/icon_cut.png中的错误   [0]模块解析失败：/Users/cuong/ops/ecode/skill-share/app/images/common/icon_cut.png意外字符' '（1：0）
  [0]您可能需要适当的加载程序来处理此文件类型。   [0] SyntaxError：意外字符' '（1：0）

这是我的webpack配置

'use strict';

const webpack = require('webpack');
const path = require('path');

module.exports = {
  module: {
    loaders: [{
      test: /\.jsx?$/,
      loaders: ['babel-loader'],
      exclude: /node_modules/
    }, {
      test: /\.json$/,
      loader: 'json-loader'
    }]
  },
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    libraryTarget: 'commonjs2'
  },
  resolve: {
    extensions: ['', '.js', '.jsx'],
    packageMains: ['webpack', 'browser', 'web', 'browserify', ['jam', 'main'], 'main']
  },
  plugins: [
    new webpack.optimize.DedupePlugin(),
  ],
  externals: [
    // put your node 3rd party libraries which can't be built with webpack here
    // (mysql, mongodb, and so on..)
  ]
};

任何人都知道我的问题的解决方案吗？

Answer 1

尝试将此加载程序添加到您的webpack配置文件中以测试.png支持：

{ test: /\.(png|woff|woff2|eot|ttf|svg)$/, loader: 'url-loader?limit=100000' }

React的Electron无法加载自定义光标

1 个答案: