Deno 中常见错误及其解决方法

前言

Deno 是一个现代的 TypeScript 运行时环境，作为 Node.js 的一个替代品，在前端开发中越来越受欢迎。但是在实际使用中，容易遇到一些问题，本文总结了在使用 Deno 过程中常见的错误及其解决方法，希望能够帮助读者更好地应用 Deno。

1. "PermissionDenied"错误

当我们在 Deno 中调用系统的一些 API 时，会遇到"PermissionDenied"错误，这是因为 Deno 中默认开启了权限控制，只有在明确授权的情况下才能进行相关操作。

例如，当我们需要读取文件时，需要在命令行中使用“--allow-read”标记进行授权：

const data = await Deno.readFile("file.txt");

如果授权失败，这个操作就会抛出一个“PermissionDenied”错误。

解决方法：

要解决这个问题，我们需要使用适当的标记对程序进行授权。比如，如果我们需要读取一个文件，我们需要使用以下命令：

deno run --allow-read index.ts

除了文件访问，还有其他的操作也需要授权，比如网络访问（--allow-net）、运行子进程（--allow-run）等等。

需要注意的是，为了安全起见，我们不应该轻易接受所有的授权请求，只要必要的权限即可。

2. "NotFound"错误

当我们在 Deno 中尝试加载一个模块时，经常会遇到“NotFound”错误，这是因为 Deno 默认不会搜索当前工作目录以外的模块路径。

例如，在以下代码中：

import { MyModule } from "./my-module.ts";

如果“my-module.ts”不在当前工作目录中，就会报“NotFound”错误。

解决方法：

要解决这个问题，我们需要使用绝对路径或者相对路径，例如：

import { MyModule } from "./../my-module.ts";

这样就会从父目录加载“my-module.ts”模块。

另外，可以配置Deno的模块解析规则，将外部模块加入到搜索路径中，在配置文件（deno.json）中添加以下代码即可：

{
  "importmap": {
    "imports": {
      "myModule": "https://my-domain.com/my-module.ts"
    }
  }
}

这样就可以加载来自“https://my-domain.com/my-module.ts”的模块了。

3. "Uncaught PermissionDenied: network access to "https://example.com/api\" rejected"错误

在 Deno 中有一些内置模块（如“fetch”）可以帮助我们进行网络访问，但是我们经常会遇到“PermissionDenied”错误，这是因为默认情况下，Deno 不允许跨域请求。

例如，在以下代码中，我们尝试从“https://example.com/api”加载数据：

async function fetchData() {
    const response = await fetch("https://example.com/api");
    const data = await response.json();
    console.log(data);
}
fetchData();

如果“example.com”不允许跨域请求，这个操作就会失败，抛出一个“PermissionDenied”错误。

解决方法：

要解决这个问题，我们需要通过添加一个“--allow-net”标记来授权网络访问：

deno run --allow-net index.ts

还可以在标记中指定允许访问的域名和端口：--allow-net=example.com:80

4. "TypeError: Cannot read property '...' of undefined"错误

在 Deno 中，由于默认情况下所有的导入都是异步的，所以我们经常会遇到“TypeError: Cannot read property '...' of undefined”错误。

例如，在以下代码中，我们尝试导入“MyModule”并访问其中的一个属性：

import { MyModule } from "./my-module.ts";

console.log(MyModule.name);

如果“my-module.ts”中的导出内容尚未加载完成，这个操作就会抛出“TypeError: Cannot read property '...' of undefined”错误。

解决方法：

要解决这个问题，我们可以使用“await”关键字，将导入操作转换为异步操作：

import { MyModule } from "./my-module.ts";

async function runApp() {
    await MyModule.ready;  // 等待模块加载完成
    console.log(MyModule.name);
}
runApp();

结论

Deno 作为一种新的工具，难免会遇到一些问题，在编写程序时需要了解这些常见的错误，并掌握解决方法。本文总结了一些常见的错误及其解决方法，希望对读者有所帮助，也希望读者能够运用这些知识，更好地使用 Deno 进行前端开发。

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