2

当我安装 react-icons 并尝试导入时

import FaBeer from 'react-icons/fa/beer';我收到一个错误

Module parse failed: /Users/firfi/work/react-redux-todo/node_modules/react-icons/fa/beer.js Unexpected token (8:12)

如果我将导入更改为import FaBeer from 'react-icons/lib/fa/beer';我得到

Module parse failed: /Users/firfi/work/react-redux-todo/node_modules/react-icon-base/index.js Unexpected token (3:50)
You may need an appropriate loader to handle this file type.

阅读错误消息，我发现我应该更改我的 webpack 配置。

所以我改变了排除语句

{
  test: /\.js$/, // Transform all .js files required somewhere with Babel
  loader: 'babel',
  exclude: /node_modules/,
  query: options.babelQuery,
}

至exclude: /node_modules\/(?!(react-icon-base|react-icons)\/).*/,

现在我可以import FaBeer from 'react-icons/fa/beer';

但是，当我在渲染方法中使用它时，它会给我一个错误

warning.js:36Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). Check the render method of法比尔.

那我怎么喝啤酒呢？

4

0 回答 0