Skip to content

Unhandled Exception: FormatException: Unexpected extension byte #5

@DWarrior222

Description

@DWarrior222

使用的 Kraken 版本 | What version of kraken are you using

kraken:0.11.0
集成:在 flutter 中集成
flutter 版本:2.8.1
运行设备:安卓手机
官网的 demo 是没问题的,但是用 vuecli 创建的demo,会有这个报错

重现步骤 | Steps To Reproduce

打开 app 后,首页是 firstRoute,点击按钮后第一次跳转到 secondRoute(kraken)是正常的。返回到首页再跳转 secondRoute(kraken)就会这样

重现代码 | Code example:

// main.dart
import 'package:flutter/material.dart';
import 'package:kraken/kraken.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: FirstRoute(),
    );
  }
}


class FirstRoute extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('First Route'),
      ),
      body: Center(
        child: ElevatedButton(
          child: const Text('Open route'),
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(builder: (context) => SecondRoute()),
            );
          },
        ),
      ),
    );
  }
}


class SecondRoute extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // 链接是:vuecli 创建的项目并build 后将 app.js 上传到 cdn 生成的链接,和官网的 https://andycall.oss-cn-beijing.aliyuncs.com/demo/guide-styles.js 是一个意思,我放在下面这个链接里了
    // https://raw.githubusercontent.com/DWarrior222/node-static-server/master/app.226ff3cb.js
    Kraken kraken = Kraken(bundle: KrakenBundle.fromUrl('https://test.com/xxxxx.js'));
    return kraken;
  }
}

预期结果 | Expected results:
重复操作 “firstRoute 跳转到 secondRoute 后,返回 firstRoute”。页面都正常展示

实际结果 | Actual results:
firstRoute 跳转到 secondRoute 后,返回 firstRoute,再次跳转到 secondRoute 会报错 app 会黑屏

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions