如何修复 VSCode 中 dart:html 的查找错误？

Question

我尝试在 VSCode 中运行一个简单的飞镖程序 导入“飞镖：html”； 条款。

 import 'dart:html';
    // import 'package:html/dom.dart';
    // import 'package:html/dom_parsing.dart';
    // import 'package:html/parser.dart';

    void main() async{

    var myTable = new TableElement()
        ..setAttribute('border','1');
        // ..setAttribute(name, value); 
    ...

在运行模式下（我使用 VSCode 扩展“Code Runner 0.9.9”）和在调试中出现同样的错误：

错误：未找到：'dart:html'
导入'dart:html';

我在 Windows10 上安装了 Dart SDK 2.3.1，完全没有安装 Flutter。 PATH 指向 Dart SDK bin 目录 路径 =D:\Dart\dart-sdk\bin;

*) 在项目目录中，我尝试在 pubspec.yaml 添加附加指令 依赖：

----
name: main
description: Test App sample22

dependencies:
  html:  
---

在“pub get”命令之后，我会看到 html 存在，但错误仍然存​​在。

pub get
Resolving dependencies...
+ charcode 1.1.2
+ csslib 0.16.0
+ html 0.14.0+2
+ path 1.6.2
+ source_span 1.5.5
+ term_glyph 1.1.0
Changed 6 dependencies!

*) 我的下一步是通过“package:html/”（在代码示例中标记为 cmets）导入 html 部分。它没有帮助，所需的类 TableElement 仍然无法识别。

“main.dart:8:19：错误：找不到方法：'TableElement'。”

*) 我尝试从

更改“launch.json”字符串

默认 "程序": "bin/main.dart",

到 "程序": "D:/Dart/WRK03t/main.dart",

并将我的代码文件重命名为“main.dart”

*) 我还尝试从 VSCode 中删除 Dart 扩展，重新启动 PC 并重新安装。没用。

但是让我说当我将 main.dart 编译为 js 时

“dart2js -m -o tst.js main.dart”

生成的 tst.js 在 html 页面中正确运行。

Request Dart Installation doesnt find dart:html中几乎相同的问题

Answer 1

dart:html 仅在浏览器中可用。如果您尝试在 VM（而不是浏览器）上运行使用它的代码，则会出现此错误。这是意料之中的。

如果您需要在浏览器之外运行代码（例如，在 VM 中作为 CLI 应用程序或通过 Fluter），您不能使用 dart:html。如果你只想在浏览器中使用它，但 VS Code 试图在 VM 中运行你的代码，你需要设置一些 VS Code 任务/启动配置来运行 build_runner，类似于 Dart DevTools 项目：

https://github.com/flutter/devtools/tree/abe811f66e1bd36612b76bbe28250bc669a6ce08/.vscode