javascript - 使用相对路径时导入不起作用。JavaScript

Question

我正在尝试导入文件。当我使用相对路径时出现错误。但是当我使用完整路径时。没有问题。不知道为什么，这让我很烦恼。

所以当我使用：

import SearchBar from './components/SearchBar/SearchBar.js';

我得到：

Module not found: Can't resolve './components/SearchBar/SearchBar.js' 

但是当我使用完整路径时：

import SearchBar from /Users/xxx/Proyects/DevProyect/src/components/SearchBar/SearchBar.js

它运行正常。

标签： javascriptreactjs

Answer 1

这取决于您从哪里进行导入。

在这种情况下./是您正在处理的当前文件夹

话虽如此，如果您要从中导入的文件在src文件夹内，那么您可以使用

import SearchBar from './components/SearchBar/SearchBar.js';

例如，如果您要从中导入的文件在components文件夹内，那么您可以使用

import SearchBar from './SearchBar/SearchBar.js';

因为 SearchBar 文件夹和您正在处理的文件都在同一个文件夹/目录中。