UmiJs + react-weui报错:Warning: React.jsx: type is invalid -- expected a string...

762 阅读1分钟

依赖:

  1. UmiJs@3.5.20
  2. react-weui@1.2.3

错误 React.jsx: type is invalid:

Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

image.png

打印组件得到的却是 undefined

import { Button, ButtonArea } from 'react-weui'
import 'weui';
import 'react-weui/build/packages/react-weui.css';
console.log(Button);

image.png

解决方案

方案一

import { Button, ButtonArea } from 'react-weui'

改为:

import ReactWeui from 'react-weui';
const { Button, ButtonArea } = ReactWeui;

完整代码如下:

import ReactWeui from 'react-weui';
const { Button, ButtonArea } = ReactWeui;
import 'weui';
import 'react-weui/build/packages/react-weui.css';

方案二:关闭 mfsu

关闭 mfsu

image.png