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

时间:2019-05-30 09:42:19

标签: dart visual-studio-code dart-html

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

  

错误:找不到:'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 /”(在代码示例中标记为注释)导入html部件。没有帮助,所需的类TableElement仍然无法识别。

  

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

*)我尝试从

更改“ launch.json”字符串
  

默认   “ program”:“ 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页面中正确运行。

请求Dart Installation doesnt find dart:html

中几乎相同的问题

1 个答案:

答案 0 :(得分:0)

approved仅在浏览器中可用。如果尝试在VM(而不是浏览器)上运行使用该错误的代码,则会遇到此错误。这是预期的。

如果您需要在浏览器之外运行代码(例如,在虚拟机中作为CLI应用程序或通过Fluter运行),则不能使用dart:html。如果只想在浏览器中使用它,而VS Code试图在VM中运行代码,则需要设置一些VS Code任务/启动配置以运行build_runner,类似于Dart DevTools项目:

https://github.com/flutter/devtools/tree/master/packages/devtools/.vscode