明明有文件却无法导入

Question

我一直被这个错误困住，即使在谷歌搜索后也无法修复。

它说“找不到模块：错误：无法解析”.. 根据对谷歌的研究，当导入语句无法在声明的路径中找到文件时，似乎会发生这种情况。

但是在我的src/components文件夹中显然有一个名为“Button.js”的文件。

我不确定哪里出了问题。 非常感谢您的帮助！

Answer 1

尝试

import {Button} from './components/Button.js'

Answer 2

您可以做的一个修复是在 Button.js 文件的末尾将 Button 模块导出为默认模块，例如

export default Button;

或者在大括号中导入按钮模块，例如：

import { Button} from “./components/Button”

如果您还没有将 base url 设置为 src：

由于您使用的是相对路径并且 /components/Button.js 高于页面目录，因此您必须使用 .. 从页面目录中出来然后读取 /pages/Home.js

所以你应该使用../Button.js 而不是./comp.nets/Button.js