react引入报错Import in body of module reorder to top import/first
eact引入报错:Import in body of module; reorder to top import/first
一、问题情形
想引入模块:import { CSSTransition } from 'react-transition-group';
import React, {
Component } from 'react';
const logo = require("./images/logo.png");
const icon_beta = require("./images/icon_beta.png");
import {
CSSTransition } from 'react-transition-group';
结果报错,错误提示如下:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200618171538111.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI2MDk3NQ==,size_16,color_FFFFFF,t_70)
二、解决方法
将import
语句写在const
语句上面即可:
import React, {
Component } from 'react';
import {
CSSTransition } from 'react-transition-group';//写在const上面
const logo = require("./images/logo.png");
const icon_beta = require("./images/icon_beta.png");
报错消失了,页面可正常显示