Блог

Короче говоря, проблема

Я пытаюсь отладить приложение flutter с помощью vscode, и я получаю приведенное ниже предупреждение, и отладка останавливается из-за ошибок, приведенных в конце этого вопроса. По-видимому, он не может найти мой dart sdk. Но я указал путь к sdk в настройках.

 mobile_app/lib/main.dart:1: Warning: Interpreting this as package URI, 'package:mobile_app/main.dart'.
  

Проблема упоминается в этом сообщении medium, но без решения. Возможно, вам придется перевести страницу, чтобы прочитать ее.

Еще больше подсказок

• Это происходит только тогда, когда моя основная программа вложена глубиной более двух уровней.У меня глубоко вложенная структура папок (приведена ниже). main.dart Файл находится внутри foo/code/ui/mobile_app/lib , а .vscode/launch.json foo находится в,,. Я предоставил этот путь в launch.json для vscode. Это работает нормально, если я помещаю свой .vscode/launch.json в ui и открываю папку ui в vscode или когда я помещаю ее под mobile_app .
• Это происходит только в vscode. (Другая IDE, которую я пробовал, — Android Studio)

Моя структура папок

 - foo
  - .vscode
    # launch.json
  - code
      domain (this is a dart lib (shared code))
    - ui
      - mobile_app
        - lib
          # main.dart
        web_app
    design
  

launch.json

 {
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Jamsalon Mobile App",
            "program": "code/ui/mobile_app/lib/main.dart",
            "request": "launch",
            "type": "dart"
        }
    ]
}
  

Полная ошибка

 mobile_app/lib/main.dart:1: Warning: Interpreting this as package URI, 'package:mobile_app/main.dart'.

file:///C:/Users/random_user/Documents/app_development/frameworks/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;
       ^
file:///C:/Users/random_user/Documents/app_development/frameworks/flutter/packages/flutter/lib/src/material/animated_icons.dart:10:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^
file:///C:/Users/random_user/Documents/app_development/frameworks/flutter/packages/flutter/lib/src/material/app.dart:5:8: Error: Not found: 'dart:ui'
import 'dart:ui' as ui;
       ^
file:///C:/Users/random_user/Documents/app_development/frameworks/flutter/packages/flutter/lib/src/material/app_bar_theme.dart:5:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^
file:///C:/Users/random_user/Documents/app_development/frameworks/flutter/packages/flutter/lib/src/material/arc.dart:6:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^
file:///C:/Users/random_user/Documents/app_development/frameworks/flutter/packages/flutter/lib/src/material/bottom_app_bar_theme.dart:5:8: Error: Not found: 'dart:ui'
  

Эти ошибки вызваны тем, что ваш проект не определяется как проект Flutter (из-за глубокой вложенности). Когда проект Dart открыт, плагин должен решить, перейти ли в «Режим Flutter» и искать Flutter SDK (и вызывать flutter команды) или в «Режим Dart» (искать стандартный Dart SDK и использовать dart и pub команды).

По соображениям производительности при принятии этого решения программа сканирует только два верхних уровня папок. Если у вас есть проект Flutter, вложенный на много уровней глубже, он перейдет в «Режим Dart».

Я бы порекомендовал использовать функцию VS Code «многокорневая рабочая область», чтобы проект Flutter был доступен дальше (или в виде папки рабочей области). Например, если вы нажмете Файл -> Добавить папку в рабочую область, а затем браузер в вашу mobile_app папку, это должно исправить ситуацию. К сожалению, этот опыт не так хорош, как хотелось бы (теперь вы увидите mobile_app дублирование на верхнем уровне вашего дерева Explorer) из-за https://github.com/Microsoft/vscode/issues/45470 (пожалуйста, добавьте к этому 👍!).