search

DavBfr / dart_pdf

Pdf creation module for dart/flutter
https://pub.dev/packages/pdf
Apache License 2.0
1.39k stars 619 forks source link

Unable to display the document, after deploy to web browser #1600

Closed somadzakaria closed 7 months ago

somadzakaria commented 7 months ago

Describe the bug

the bug occurs if you have done a flutter build web and deployed it in the browser and the results are like this even though it was run in testing mode successfully but here it doesn't work

To Reproduce Code snippet to reproduce the behavior:

in code web/index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
  <meta name="description" content="Rakuraku Flutter.">

  <!-- iOS meta tags & icons -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="rakuraku">
  <link rel="apple-touch-icon" href="icons/Icon-192.png">

  <!-- Favicon -->
  <link rel="shortcut icon" type="image/png" href="favicon.png"/>

  <title>rakuraku</title>
  <link rel="manifest" href="manifest.json">
</head>
<body id="flutter">
  <!-- This script installs service_worker.js to provide PWA functionality to
       application. For more information, see:
       https://developers.google.com/web/fundamentals/primers/service-workers -->
  <script>
    if ('serviceWorker' in navigator) {
      window.addEventListener('load', function () {
        navigator.serviceWorker.register('flutter_service_worker.js');
      });
    }
  </script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/pdf.js/2.7.570/pdf.min.js"></script>
 <script type="text/javascript">
     pdfjsLib.GlobalWorkerOptions.workerSrc = "//cdnjs.cloudflare.com/ajax/libs/pdf.js/2.7.570/pdf.worker.min.js";
 </script>
  <script src="main.dart.js" type="application/javascript"></script>
</body>
</html>

Expected behavior

local testing went well Screenshots Web Browser LOCAL TESTING

image

Screenshots Web Browser

image

Flutter Doctor

[✓] Flutter (Channel stable, 3.7.8, on macOS 13.5 22G74 darwin-arm64 (Rosetta), locale en-ID)
    • Flutter version 3.7.8 on channel stable at /Users/mac/Documents/development/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 90c64ed42b (11 months ago), 2023-03-21 11:27:08 -0500
    • Engine revision 9aa7816315
    • Dart version 2.19.5
    • DevTools version 2.20.1

[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
    • Android SDK at /Users/mac/Library/Android/sdk
    • Platform android-34, build-tools 34.0.0
    • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b829.9-10027231)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 15.0.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 15A507
    • CocoaPods version 1.14.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2022.3)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b829.9-10027231)

[✓] VS Code (version 1.84.2)
    • VS Code at /Users/mac/Downloads/Visual Studio Code.app/Contents
    • Flutter extension version 3.82.0

[✓] Connected device (2 available)
    • macOS (desktop) • macos  • darwin-arm64   • macOS 13.5 22G74 darwin-arm64 (Rosetta)
    • Chrome (web)    • chrome • web-javascript • Google Chrome 121.0.6167.160
    ! Error: Browsing on the local area network for mac-sirs’s iPhone. Ensure the device is
      unlocked and attached with a cable or associated with the same local area network as this
      Mac.
      The device must be opted into Developer Mode to connect wirelessly. (code -27)
    ! Error: Browsing on the local area network for Nurul Miwu. Ensure the device is unlocked
      and attached with a cable or associated with the same local area network as this Mac.
      The device must be opted into Developer Mode to connect wirelessly. (code -27)

[✓] HTTP Host Availability
    • All required HTTP hosts are available

• No issues found!

Desktop (please complete the following information):

Smartphone (please complete the following information):

Additional context

wbasabe0891201 commented 7 months ago

Hi @somadzakaria!

Up until very recently, I had the same problem and the solution was to use the master branch version. To do this, add the following to your pubspec.yaml:

dependency_overrides:
  pdf:
    git: 
      url: https://github.com/DavBfr/dart_pdf.git
      path: pdf
      ref: master
droffmobile commented 7 months ago

I'm having this same problem. I tried what @wbasabe0891201 recommended with no success. I am trying to load an existing pdf I have in assets and display/print it. This happens on button press.

Here is my code to push the PdfPreview:

                Navigator.of(context).push(
                  MaterialPageRoute(
                    builder: (_) {
                      return PdfPreview(
                          build: (format) => rootBundle
                              .load('assets/pdf/my_pdf.pdf')
                              .then((value) => value.buffer.asUint8List()));
                    },
                  ),
                );

This works when I build and run locally, but as soon as I deploy the built code to my website, I get the same result as @somadzakaria .

somadzakaria commented 7 months ago

thanks for solution, this code its work and

SilviaCebrian commented 5 months ago

same problem here

rohintoncollins commented 4 months ago

This may help: https://github.com/DavBfr/dart_pdf/issues/1614#issuecomment-2093460760