Javascript 仅网页包：不变冲突：ReactKonva目前不支持文本组件。您的文本是：“引用”&引用；

不变冲突：ReactKonva目前不支持文本组件。你的文字是：“

此错误仅在进行网页打包后发生。（在没有网页的情况下正常运行代码是可以的）。我发现，确切的错误通常意味着我在jsx中的某些标记的某处意外键入了一些文本

但是如果我的文本是空字符串，“”，那么这意味着什么呢？那里没有多余的东西吗？为什么web pack会在我的代码中插入任何额外的字符，如果正常情况下会将其最小化

我的react是16.6，react konva是16.6，konva是2.6.0

我的网页包配置如下所示：

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

const {
  paths,
  outputFiles,
  rules,
  plugins,
  resolve,
  stats,
  IS_PRODUCTION,
  IS_DEVELOPMENT,
} = require('./webpack/config');

const devServer = require('./webpack/dev-server').devServer;
const { determineEntryPoint } = require('./webpack/utils')

const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = env => {

  const { outputFilePath, outputFileName } = determineEntryPoint(env)

  const entry = [
    path.join(paths.javascript, outputFileName),
  ];

  plugins.push(
    // NOTE dont do this because we want one file
    // Creates vendor chunk from modules coming from node_modules folder
    // new webpack.optimize.CommonsChunkPlugin({
    //   name: 'vendor',
    //   filename: outputFiles.vendor,
    //   minChunks(module) {
    //     const context = module.context;
    //     return context && context.indexOf('node_modules') >= 0;
    //   },
    // }),
    // Builds index.html from template
    new HtmlWebpackPlugin({
      template: path.join(paths.source, 'index.html'),
      path: paths.build,
      filename: 'index.html',
      minify: {
        collapseWhitespace: true,
        minifyCSS: true,
        minifyJS: true,
        removeComments: true,
        useShortDoctype: true,
      },
    })
  );


  if (IS_DEVELOPMENT) {
    // Development plugins
    plugins.push(
      new webpack.optimize.CommonsChunkPlugin({
        name: 'vendor',
        filename: outputFiles.vendor,
        minChunks(module) {
          const context = module.context;
          return context && context.indexOf('node_modules') >= 0;
        },
      }),
      // Enables HMR
      new webpack.HotModuleReplacementPlugin(),
      // Don't emmit build when there was an error while compiling
      // No assets are emitted that include errors
      new webpack.NoEmitOnErrorsPlugin()
    );

    // For IE babel-polyfill has to be loaded before react-hot-loader
    entry.unshift('babel-polyfill');
  }

  // Webpack config

  let webpackConfig = {
    devtool: IS_PRODUCTION ? false : 'eval-source-map',
    context: paths.javascript,
    watch: !IS_PRODUCTION,
    entry,
    output: {
      path: paths.build,
      publicPath: '/',
      filename: outputFilePath,
    },
    module: {
      rules,
    },
    plugins,
    resolve,
    stats,
    devServer,
  }

  if (IS_PRODUCTION) {
    // build it into a lib if it's production, yo
    webpackConfig.output.library = 'seatingManager'
    webpackConfig.output.libraryTarget = 'window'
  }

  return webpackConfig
};