VSCode 中的 Flutter 将包解释为 URI

Question

我正在尝试开始使用来自 VSCode 的 flutter。我想我已经完成了所有正确的设置：

1) 在 VS code

上下载了 flutter 和 dart 以及 code运行ner 的扩展

2) 下载flutter SDK并添加路径

3) 运行 flutter doctor with no doctor with no errors

完成所有设置后，我尝试单击 "Run Code"，但收到错误消息：'dart' 未被识别为内部或外部命令 。看了网上的其他帖子，我想是因为我只在我的路径中添加了flutter SDK而没有在我的路径中添加dart SDK，所以我在我的路径中也添加了dart SDK。

从那里，我再次尝试运行ning 代码并得到以下错误：

lib/main.dart: Warning: Interpreting this as package URI, 'package:tranfer_app/main.dart'.
../../flutter/packages/flutter/lib/src/material/animated_icons.dart:9:8: Error: Not found: 'dart:ui'
import 'dart:ui' as ui show Paint, Path, Canvas;
       ^
../../flutter/packages/flutter/lib/src/material/animated_icons.dart:10:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^
../../flutter/packages/flutter/lib/src/material/app.dart:5:8: Error: Not found: 'dart:ui'
import 'dart:ui' as ui;
       ^
../../flutter/packages/flutter/lib/src/material/app_bar_theme.dart:5:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^
../../flutter/packages/flutter/lib/src/material/arc.dart:6:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^
../../flutter/packages/flutter/lib/src/material/bottom_app_bar_theme.dart:5:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^
../../flutter/packages/flutter/lib/src/material/bottom_sheet_theme.dart:5:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^
../../flutter/packages/flutter/lib/src/material/button_bar_theme.dart:5:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^
../../flutter/packages/flutter/lib/src/material/card_theme.dart:5:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^
../../flutter/packages/flutter/lib/src/material/chip_theme.dart:5:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^

根据我的在线阅读，听起来 VS Code 可能正在尝试运行作为 dart 应用程序而不是 flutter 应用程序，尽管我已经在 Android 中找到了如何更改它Studio，我不确定如何在 VSCode 中更改它（这是我想进行开发的地方）。值得注意的是，如果我使用 F5 而不是使用 Ctrl+Alt+N 的运行ning 代码，则该应用程序将运行在模拟器上运行良好，但我宁愿在继续之前弄清楚这些警告，因为它们显得很重要。

我希望我的代码运行能够使用通常的 Ctrl+Alt+N 代码运行ner.

非常感谢您的帮助！

Answer 1

I expect my code to be runnable using the usual Ctrl+Alt+N Code Runner.

Code Runner 不理解 Flutter 是什么（或者如何运行它），所以按下这个组合键只会运行 VM 中的 Dart 脚本。警告是因为 dart:ui 在独立 VM 中不可用（仅通过 Flutter）。

使用 F5（或调试菜单）是运行 Flutter 应用程序的正确方法，因为它将由 Dart/Flutter 扩展处理自动检测运行应用程序使用哪个工具（以及提供许多其他功能，如保存时热重载）。

如果运行 F5 对您不起作用，我很想了解原因（您可以提交问题 on GitHub ).谢谢！

Answer 2

我遇到了同样的问题，解决方案非常简单，基本上你已经运行将应用程序作为一个单独的包，正如错误所说，你应该运行将它作为一个颤动的应用程序。因此，只需运行使用或不使用调试模式，而不是使用代码运行ner，如图所示：

注意：当我在 lib 中创建多个 dart 文件时会发生这种情况。

图片： Use the run with/without debugging option and you should be good to go :)

Answer 3

可能还有一个原因。如果您只打开了 lib 文件夹或任何其他子文件夹而不是整个包，则会出现此错误。尝试打开整个文件夹——您的 lib 文件夹所在的文件夹。为我解决了错误

VSCode 中的 Flutter 将包解释为 URI

Flutter in VSCode Interpreting package as URI

dart

visual-studio-code

flutter

flutter-test