导入 React 图标 - FiMoreHorizontal - 错误

Question

Following a tutorial to build a Twitter clone and I have to import:

import { FiMoreHorizontal } from 'react-icons/fi' 2.3K (gzipped: 1K) import { VscTwitter } from 'react-icons/vsc' 3.1K (gzipped: 1.5K)

I get this.....

Error: error: Identifier cannot follow number

| 1 | import { FiMoreHorizontal } from 'react-icons/fi' 2.3K (gzipped: 1K) | ^

Caused by: 0: failed to process js file 1: Syntax Error

Answer 1

Provided that React Icons was installed in the correct directory, you can double check that by looking in package.json if it lists react-icons in the dependencies object you should be good to go.

The import should not include anything after the quotes.

import { FiMoreHorizontal } from 'react-icons/fi'