起因是想讓iPhone手機使用瀏覽器查看APP效果.
run web
- 如果你看到這里, 建議你將SDK升級到1.12+, 因為我在run web 的時候遇到一個SDK的bug, 起初我以為是三方lib的bug, 后來我在issues#39271了解到需要更新SDK, bug如下:
AssetNotFoundException: flutter_easyrefresh|lib/src/footer/load_indicator.ddc.js
Error compiling dartdevc module:flutter_easyrefresh|lib/bezier_bounce_footer.ddc.js
- 首先你必須安裝 chrome瀏覽器
- 開啟Web支持
flutter config --enable-web
- 使用 flutter devices 檢查可運行的設備(目前只支持Chrome)
flutter devices
1 connected device:
Chrome ? chrome ? web-javascript ? Google Chrome 76.0.3809.100
- 添加web支持, 在根目錄下新建web文件夾(web和lib文件夾同級), 然后新建index.html文件, 文件內容如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>education_flutter</title>
</head>
<body>
<script src="main.dart.js" type="application/javascript"></script>
</body>
</html>
- 然后就可以Run web app 了
flutter run -d chrome
