启动 Framework7 - 带有 Webpack 的 Vue 应用程序时出现错误“未定义 Dom7”

Posted

技术标签:

【中文标题】启动 Framework7 - 带有 Webpack 的 Vue 应用程序时出现错误“未定义 Dom7”【英文标题】:Error 'Dom7 is not defined' when starting Framework7 - Vue app with Webpack 【发布时间】:2017-10-30 00:31:10 【问题描述】:

我只是按照official website 中的说明进行操作:克隆 repo,安装节点依赖项并运行。但是一旦我运行npm run dev 命令,当我在浏览器中打开应用程序时,我会收到以下错误:

> 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

有人可以帮忙吗?

最奇怪的是几天前一切正常。

【问题讨论】:

这里也一样。你找到解决方案了吗?谢谢 @memical 我已经发布了一个解决方案,不是我最喜欢的,但在有人用新版本解决这个问题之前就足够了 【参考方案1】:

好像和the new Framework7 release from yesterday有关,更准确的说是第三条:

Dom7 现在它被用作一个独立的库 https://github.com/nolimits4web/Dom7

所以,我认为通过将其安装为standalone library 可以解决问题:

npm install dom7 --save

但这仍然不能解决问题,所以我认为仍然需要进行一些更改才能正确配置它。

所以,最后,我选择了最简单的解决方案,使用之前版本的 Framework7,直到其他人完全澄清了这个问题。

所以,请将您的 package.json 恢复为 Framework7 的 1.6.0 发行版

【讨论】:

以上是关于启动 Framework7 - 带有 Webpack 的 Vue 应用程序时出现错误“未定义 Dom7”的主要内容,如果未能解决你的问题,请参考以下文章

带有 Cordova 垂直滚动的 Framework7 在 iOS 上不起作用

Framework7 和 Android:图标在浏览器中呈现,但不在设备上

Framework7--Test

前端移动框架Framework7入门

移动端安卓和 IOS 开发框架 Framework7 布局

Framework7 / Firebase ( Firestore )