解决 Deno 中引入 module 失败的问题

介绍

Deno 是一个新兴的 JavaScript/TypeScript 运行时环境，它的设计目标是使开发者更加的舒适和安全，而且没有 Node.js 的一些历史遗留问题。Deno 内置了一个 TypeScript 编译器，支持现代的 JavaScript 形式例如 ES6 模块和 async/await。

然而，在使用 Deno 引入模块的过程中，我们可能会遇到一些问题，例如无法引入本地模块或第三方模块，本文将介绍如何解决这些问题。

问题分析

无法引入本地模块

当我们在 Deno 中引入本地模块（即相对路径或绝对路径）时，可能会遇到如下错误：

error: Uncaught NotFound: Cannot resolve module './some_module.ts'
    at unwrapResponse ($deno$/ops/dispatch_json.ts:43:11)
    at async Object.sendAsync ($deno$/ops/dispatch_json.ts:98:10)
    at async imports.requireAsync (deno:extensions/require_async.ts:123:5)
    at async file:///Users/wangdongyang/Desktop/deno_test/index.ts:1:8

这是因为 Deno 默认禁止了文件的读写权限，因此我们需要手动在启动时添加相应的权限：

deno run --allow-read index.ts

模块未导出

当我们在 Deno 中引入模块时，可能会收到如下错误：

error: Uncaught TypeError: cannot read property 'a' of undefined
    at file:///Users/wangdongyang/Desktop/deno_test/index.ts:3:10

这是因为我们引入的模块未导出，我们需要在被引入的模块中添加导出：

export const a = 1;

包未定义

当我们在 Deno 中使用第三方库时，可能会看到如下信息：

error: Uncaught TypeError: Failed to resolve module specifier "https://deno.land/std/fs/mod.ts". Relative references must start with either "/", "./", or "../".
    at file:///Users/wangdongyang/Desktop/deno_test/index.ts:1:8

这是因为我们引用的地址不是本地地址，并且 Deno 内置的模块解析器无法解析该地址。我们可以使用第三方包管理器 deno.land/x 来解决该问题：

import { ensureDir, exists } from "https://deno.land/std/fs/mod.ts";

总结

Deno 是一个正在快速发展的 JavaScript/TypeScript 运行时环境，具有许多优点，但在使用过程中我们可能会遇到一些问题。本文介绍了一些在引入模块时可能会遇到的问题并提供了相应的解决方案。

随着 Deno 的发展，我们可以预见的是，在未来的开发中 Deno 将会扮演越来越重要的角色，通过学习 Deno，我们可以为自己的前端开发提供更多的选择，让我们在面对问题的时候有更多的解决方案和创新思路。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648aa5ab48841e98948c0f76