在 Deno 开发中，经常会使用 import 导入本地模块，但有时会遇到 “No such file or directory” 错误，特别是当文件路径包含相对路径时。本文将介绍如何解决这个问题。
错误示例
在使用 import 导入本地模块时，如果文件路径包含相对路径，如下所示：
import { test } from './test.ts';可能会遇到以下错误：
-- -------------------- ---- ------- ------ -------- --------- -- ---- ---- -- --------- --- ----- -- -- --------- -------------------------- -- -------- -------------------------- -- --------------- ------------------------------ -- ----------------- --------------------------------- -- ------------------ --------------------------------- -- ----- -------------- --------------------------------- -- ----- ------------------- ------------------------------ -- ------------------------ -------------------------------
解决方法
为了避免上述错误，我们需要正确设置文件路径。以下是一些经验和技巧，可以帮助您避免 “No such file or directory” 错误。
1. 使用绝对路径
使用绝对路径可以避免相对路径所带来的问题。为了避免手动处理路径，可以使用 Deno.realPathSync() 方法将路径转换为绝对路径。
例如，原始代码中的导入语句可以改为：
const __dirname = new URL('.', import.meta.url).pathname;
import { test } from __dirname + '/test.ts';这种方法可以避免相对路径错误，并确保可以正常导入本地模块。
2. 使用 URL
您也可以使用 URL API 来避免路径问题。
例如，上面的代码可以改为：
import { test } from new URL('./test.ts', import.meta.url).href;3. 使用 import_map.json 文件
您可以通过创建并使用 import_map.json 文件来简化导入语句。在文件中定义模块的别名并映射到相应的文件路径，然后使用别名来导入模块，而不是使用实际的文件路径。这可避免所有相对路径错误，并提供更易于维护的代码。
例如，我们可以使用以下 import_map.json 文件：
{
"imports": {
"test": "./test.ts",
"http": "https://deno.land/std/http/server.ts"
}
}然后，我们可以使用以下导入语句：
import { test } from 'test';
import { serve } from 'http';4. 避免使用 CommonJS 样式的导入语句
Deno 使用 ES 模块规范，因此不能使用 CommonJS 样式的导入语句。
例如，在 CommonJS 中，我们可以使用以下代码导入模块：
const test = require('./test.js');但是，在 Deno 中，您应该改为：
import { test } from './test.ts';5. 将非 .ts 文件转换为 .ts 文件
如果您导入的文件不是 .ts 文件，则可以将其转换为 .ts 文件，并在导入语句中使用正确的文件类型后缀名。
例如，如果我们想要导入一个 .json 文件，我们可以将其转换为 .ts 文件并更改导入语句，如下所示：
import data from './data.json.ts';
总结
“No such file or directory” 错误通常是由于相对路径问题和不兼容的导入语句引起的。本文提供了几种方法来解决这个问题，包括使用绝对路径、URL、import_map.json 文件、正确的导入语句和文件格式等。
需要注意的是，不同的解决方案可能适用于不同的情况。您需要了解不同的解决方案，并根据您的实际情况选择最适合您的方法。
希望这篇文章可以帮助您解决 Deno 开发中的错误，并对您有所帮助。以下是完整的示例代码：
// test.ts export const test = 'Hello World';
// main.ts
import { test } from './test.ts';
console.log(test);来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ae1e8748841e9894a197e9