Обзор
Я создаю Прогрессивное веб-приложение Семя.
Настройка
Я использую VueJS , Framework7 , Framework7 Vue Компоненты , с Webpack все транспортируется с Babel .
Я запустил проект с помощью VueJS CLI , затем добавил Framework7 и компоненты Framework 7 Vue в конфигурацию Webpack.
Как указано в Framework 7 установка Модули Framework 7 используют ES-next и должны быть перенесены.
Framework7 ES-модули имеют следующий синтаксис ES, поэтому не забудьте
включить / настроить ваш Babel / Buble для транспорта
Итак, я добавил следующее в Babel Config
{
test: /\.js$/,
loader: 'babel-loader',
// Original:
// include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
// New
include: [
resolve('src'),
resolve('test'),
resolve('node_modules/webpack-dev-server/client'),
resolve('node_modules/framework7'),
resolve('node_modules/framework7-vue'),
resolve('node_modules/template7'),
resolve('node_modules/dom7')
]
},
Error
Когда я пытаюсь запустить npm run dev
, я получаю следующее
Предупреждение о сборке
11% building modules 15/18 modules 3 active ...wa-seed/node_modules/events/events.js[BABEL] Note: The code generator has deoptimised the styling of "/Users/mwarner/eu-pwa-seed/node_modules/framework7/dist/framework7.esm.bundle.js" as it exceeds the max of "500KB".
консоль устройства, которое она показывает
«экспорт по умолчанию» (импортированный как «PathToRegexp») не найден в «пути к регулярному выражению»
Ничто не отображается на любой платформе iOS, Android или браузера
Я прокомментировал строку resolve('node_modules/framework7'),
, и она работает, но приложение не рендерится ни на чем ниже iOS 11, поскольку оно не переносит Framework 7.