CODEWITHSUNDEEP
javascriptnode.jswebpackvue.jshtml-framework-7
daniegarcia254
daniegarcia254

Reputation: 1207

Error 'Dom7 is not defined' when starting Framework7 - Vue app with Webpack

I just follow the instructions in the official website: clone the repo, install node dependencies and run. But once I run the npm run dev command, when I open the app in the browser I get the following error:

> Uncaught ReferenceError: Dom7 is not defined
>     at framework7.js:14213
>     at framework7.js:14317
>     at Object.<anonymous> (framework7.js:18375)
>     at Object.<anonymous> (vendor.9d7fa26….js:18538)
>     at n (bootstrap 4a945b6…:54)
>     at Object.<anonymous> (app.8e4833b….js:107)
>     at n (bootstrap 4a945b6…:54)
>     at window.webpackJsonp (bootstrap 4a945b6…:25)
>     at app.8e4833b….js:1

Can anyone help with this?

The most strange thing is that everything worked okey a few days ago.

Upvotes: 3

Views: 2491

Answers (1)

daniegarcia254
daniegarcia254

Reputation: 1207

It seems to be related with the new Framework7 release from yesterday, more accurately, the third item:

Dom7 Now it is used as a standalone library from https://github.com/nolimits4web/Dom7

So, I thought the problem would be fixed by installing it as a standalone library:

npm install dom7 --save

But that still doesn't fix it, so I figure some changes are still needed to configure it right.

So, finally, I've opted for the easiest solution, use the previous version of Framework7 until this problem is totally clarified by someone else.

So, please revert in your package.json to the release version 1.6.0 of Framework7.

Upvotes: 2

Related Questions