react-toolbox依赖项:未捕获字符串:无法读取未定义的属性‘TypeError’

Question

我试着在webpack 4和react 16中使用react-toolbox，但是我在加载react-toolbox依赖项时遇到了问题，它们不需要属性类型，尽管它存在于node_modules中:我得到了错误：

https://monosnap.com/file/iUQAtohH4Zuv9uKeNSXqkJWG8IOZ5U

以下是我的webpack规则：

{
   test: /\.(js|jsx)$/,
   exclude: /node_modules/,
   loader: 'babel-loader'
},{
   // react-toolbox
   test: /\.css$/,
   include: Path.join(Config.node_modules, 'react-toolbox'),
   use: [
      {
         loader: 'css-loader',
         options: {
            modules: true,
            sourceMap: true,
            importLoaders: 1,
            localIdentName: '[name]--[local]--[hash:base64:8]'
         }
      },
      'postcss-loader'
   ]
},

我的postcss.config.js：

module.exports = {
    plugins: {
        'postcss-cssnext': {
            features: {
                customProperties: {
                    variables: {
                        'animation-duration': '0.3s',
                        'color-primary': '#00a6ba',
                        'color-accent': 'var(--palette-pink-a200)',
                        'color-accent-dark': 'var(--palette-pink-700)',
                        'color-primary-contrast': 'var(--color-dark-contrast)',
                        'color-accent-contrast': 'var(--color-dark-contrast)',
                    }
                }
            }
        }
    }
};

我的package.json：

    "prop-types": "15.6.2",
    "react": "16.8.6",
    "react-dom": "16.8.6",
    "react-intl": "2.9.0",
    "react-redux": "7.0.3",
    "react-router": "5.0.0",
    "react-router-dom": "5.0.0",
    "react-router-redux": "4.0.8",
    "react-toolbox": "^2.0.0-beta.13",

Answer 1

我找出了问题所在，是webpack provider plugin，在我从提供程序插件中移除了prop-type之后，一切都很正常，但这影响了其他依赖项，所以我需要同时删除类名和react-intl。

这很奇怪，因为我用provider插件加载react，它工作得很好，但是prop-type和其他使用prop-type的库在导入时会出错。