React JS 帮助 | “[plugin:vite:import-analysis] 无法解析从“XYZ”导入“./icons/logo.svg”。文件是否存在？

Question

我正在使用 Vite + React，我收到了一个带有 SVG 图像的项目，但我无法弄清楚我缺少什么导致此消息弹出：

“[plugin:vite:import-analysis] 无法解析从“XYZ”导入“./icons/logo.svg”。文件是否存在？

这是我的 Navigation.jsx 组件中的内容：

 import React from 'react' import logo from './icons/logo.svg'; function navigation() { return ( <nav> <img src={logo} alt="logo" /> <h1> Test Header </h1> </nav> ) } export default navigation

这是我的 App.jsx 文件中的内容：

 import { useState } from 'react' import Navigation from './components/Navigation.jsx'; function App() { const [count, setCount] = useState(0) return ( <div> <Navigation /> </div> ) } export default App

有什么我遗漏的东西或我可以尝试的想法可能是造成这种情况的原因吗？

Answer 1

大声笑我自己修好了。 要将图像导入到我正在编写的导航组件中：

“从'./icons/logo.svg'导入标志

事实上，它应该是这样写的：

“从'../icons/logo.svg'导入徽标