3D FlipBook - angular 6 project error flipbook is not a function.

a***d@gmail.com
2019-09-04
2019-09-27

Dear Team,\r\n\r\nHello, I have an angular 6 project and I want to create FlipBook in my project when i implement in our project i am getting Error in this line \"$(\'#my_album\').FlipBook({ pdf: \'books/pdf/CondoLiving.pdf\' });\" FlipBook is not a function.\r\n\r\nI am stuck i want a solution on priority.\r\n\r\nmy email id is arjundhilod@gmail.com. \r\n\r\n

if i am not received proper solution than i will send a report to management flipbook is not possible in our angular project

Replies

a***r@3dflipbook.net
2019-09-04
2019-09-04

Hi,

You need to link scripts: three.min.js, pdf.min.js, 3dflipbook.min.js or load them dynamically. I have no Angular experience, but worked with ReactJs so i can tell only my ideas if you need.

a***d@gmail.com
2019-09-04
2019-09-04

In above question I am clearly mentioned error I have linked all .js file but still I am getting error flipbook is not function. How to resolve this error because this error is coming when I am creating flipbook in our angular

a***d@gmail.com
2019-09-06
2019-09-06

Dear Team, I am waiting for 2 days but still not received any solution. Kindly reply on priority How to resolve the error "FlipBook is not a function" in angular6 project.

a***r@3dflipbook.net
2019-09-06
2019-09-06

Did you try to use the demo https://gumroad.com/3dflipbook#BFTtD ? You have error like you not linked 3D FlipBook script or linked it after jQuery or redefined jQuery object or something like this.

a***d@gmail.com
2019-09-06
2019-09-06

yes i am using demo version but why I am getting "FlipBook is not a function" if this error is resolved i thing demo version is work ok

a***d@gmail.com
2019-09-06
2019-09-06

"js/jquery.min.js","https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.5.0-beta4/html2canvas.min.js", "https://cdnjs.cloudflare.com/ajax/libs/three.js/108/three.min.js", "https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.228/pdf.min.js" "assets/flipbook/js/3dflipbook.min.js" my js files . I thing problem in 3dflipbook.min.js kindly if possible provide me cdnjs file.

a***r@3dflipbook.net
2019-09-06
2019-09-06
a***r@3dflipbook.net
2019-09-06
2019-09-06

also try to use this jQuery http://3dflipbook.net/js/jquery.min.js

a***d@gmail.com
2019-09-06
2019-09-06

i am using "//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" this jquery file is it ok?

a***r@3dflipbook.net
2019-09-06
2019-09-06

Yes, your jQuery is ok, just checked it. Start from demo, then replace the 3dflipbook.min.js with the pro version. Then try reorganize the project for your needs. Also disable the browser cache. This will help you to start easily.

a***d@gmail.com
2019-09-06
2019-09-06

Thank you for your reply, Can you help me some document on how to use in angular 6 it helps me lot. i have some query 1) Start from demo :- if i am using you "http://3dflipbook.net/js/3dflipbook.min.js" what is this?

a***d@gmail.com
2019-09-06
2019-09-06

what is the cost of the pro version and what is a validation of it ?

a***r@3dflipbook.net
2019-09-06
2019-09-06
a***d@gmail.com
2019-09-09
2019-09-09

Thank you for your reply i will try and let you know .

c***n@gmail.com
2019-09-10
2019-09-10

hi. i planning to implement this plugin in my ionic project. the issue i have faced is the same with yours, have you managed to fix to problem?

c***n@gmail.com
2019-09-10
2019-09-10

hi. i planning to implement this plugin in my ionic project. the issue i have faced is the same with yours, have you managed to fix to problem?

c***n@gmail.com
2019-09-10
2019-09-10

hi. i planning to implement this plugin in my ionic project. the issue i have faced is the same with yours, have you managed to fix to problem?

c***n@gmail.com
2019-09-10
2019-09-10

hi. i planning to implement this plugin in my ionic project. the issue i have faced is the same with yours, have you managed to fix to problem?

c***n@gmail.com
2019-09-10
2019-09-10

hi. i planning to implement this plugin in my ionic project. the issue i have faced is the same with yours, have you managed to fix to problem?

a***d@gmail.com
2019-09-12
2019-09-12

using this URL "http://3dflipbook.net/js/3dflipbook.min.js" still, I am facing "Flipbook" is not function. So what I did I created a separate project and deployed on it and consume the url in our project using .

c***7@gmail.com
2020-08-02
2020-08-02

HI i am using flipbook in my react project i need to help me out with this.

c***7@gmail.com
2020-08-02
2020-08-02

import React from "react";

import $ from 'jquery'

function App() {

return(

{$('#container').FlipBook({ pdf: 'books/pdf/FoxitPdfSdk.pdf', template: { html: 'node_modules/flip-book/templates/default-book-view.html', links: [ { rel: 'stylesheet', href: 'node_modules/flip-book/css/font-awesome.min.css' } ], styles: [ 'node_modules/flip-book/css/short-black-book-view.css' ], links: [{ rel: 'stylesheet', href: 'node_modules/flip-book/css/font-awesome.min.css' }], script: 'node_modules/flip-book/js/default-book-view.js' } })}

) }

export default App;

c***7@gmail.com
2020-08-02
2020-08-02
<div></div>
c***7@gmail.com
2020-08-02
2020-08-02
<div></div>
c***7@gmail.com
2020-08-02
2020-08-02

other plugins i have inserted inthe body of the index.html file. but i receive this error

error: TypeError: jqueryWEBPACK_IMPORTED_MODULE2default(...)(...).FlipBook is not a function

c***7@gmail.com
2020-08-02
2020-08-02

i am using creat-eract-app for my project

Log In to leave a comment