我可以使用不同的名称导入 "next/image" 吗？

Question

在我的一个组件中，我需要以下两项：

import Image from 'next/image';（来自 NextJS）

Image()（来自 TypeScript）

而且这两者是相互冲突的。

是否可以给 next/image 取一个不同的名字？我试过了

import Image as image from 'next/image';

和

import {Image as image} from 'next/image';

但是他们没有用。

Answer 1

有两种方法：

// CommonJS style
const { default: NextImage } = require("next/image");

// ES module style
import NextImage from "next/image";

// alternatively
import { default as NextImage } from "next/image";