Skip to content

ahmedelrefaiy/Framework7-Migrate-V6-to-V7

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 

Repository files navigation

N|Solid

Framework7 upgrade V6 to V7

Follow these steps:

1.Run this command to update your framework7 version to latest version

npm install [email protected]

2.Run this command to update your Dom7 version to latest version

npm install [email protected]

3.the way you import framework7 resources and components is changed based on package.json file under section exports. So, you need to remove this line

import 'framework7/framework7-bundle.css';

and replace it with this line

import 'framework7/css/bundle';

4.Also, the way you import Dom7 is changed. It become inside framework7. So you need to remove this line

import $ from 'dom7';

and replace it with this line

import { Dom7 } from 'framework7';

or with this line, based on what you import from framework7

import Framework7, { Dom7, getDevice } from 'framework7';

5. if you make global event like: $(document).on(event, selector, function(){}). You must first to load Dom7 from Framework7 then store it inside $ variable like these lines

import { Dom7 } from 'framework7';
var $ = Dom7;
//then you can use your global events
$(document).on(event, selector, function(){})

About

tricky points while migrating from framework7 V6 to V7

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published