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

Question

我尝试在VSCode中运行一个简单的 Dart 程序
导入'dart: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”)，在调试中出现了相同的错误:

Error: Not found: 'dart:html'
import '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 /”(在代码示例中标记为注释)导入html部件。它没有帮助，所需的类TableElement仍然无法识别。

"main.dart:8:19: Error: Method not found: 'TableElement'."

*)我尝试将“launch.json”字符串从

default "program": "bin/main.dart",

to "program": "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