Как получить доступ к app... из console

1

Всем привет! Использую webpack
Код app.js

import $$ from 'dom7';
import Framework7 from 'framework7/framework7.esm.bundle.js';

// Import F7 Styles
import 'framework7/css/framework7.bundle.css';

// Import Icons and App Custom Styles
import '../css/icons.css';
import '../css/app.less';
// Import Cordova APIs
import cordovaApp from './cordova-app.js';
// Import Routes
import routes from './routes.js';

// Import main app component
import App from '../app.f7.html';

var app = new Framework7({
  root: '#app', // App root element
  component: App, // App main component
  id: 'io.test.app', // App bundle ID
  name: 'test', // App name
  theme: 'auto', // Automatic theme detection


  // App routes
  routes: routes,


  // Input settings
  input: {
scrollIntoViewOnFocus: Framework7.device.cordova && !Framework7.device.electron,
scrollIntoViewCentered: Framework7.device.cordova && !Framework7.device.electron,
  },
  // Cordova Statusbar settings
  statusbar: {
iosOverlaysWebView: true,
androidOverlaysWebView: false,
  },
  on: {
init: function () {
  var f7 = this;
  if (f7.device.cordova) {
    // Init cordova AP`Preformatted text`Is (see cordova-app.js)
    cordovaApp.init(f7);
//          StatusBar.styleLightContent();

//              StatusBar.backgroundColorByHexString("#1769aa");

  }
},
  },
});

setTimeout(function() {    
app.dialog.alert('Hello world!');
}, 2000);

Из кода app.dialog.alert(‘Hello world!’); работает отлично
Однако из консоле при вводе тоже самого пишет ошибку:

VM33454:2 Uncaught ReferenceError: app is not defined
at :2:5

Помогите разобраться, спасибо!

2

Попробуй вместо app= через глобальный window.app =

3

Неа, тоже самое
app и window.app возвращают

<div id="app" class="framework7-root"><div class="panel-backdrop"></div> .......
4

Установил через framework-cli базовыми настройками, и мой app.js:

import $$ from 'dom7';
import Framework7 from 'framework7/framework7.esm.bundle.js';

// Import F7 Styles
import 'framework7/css/framework7.bundle.css';

// Import Icons and App Custom Styles
import '../css/icons.css';
import '../css/app.css';

// Import Routes
import routes from './routes.js';

// Import main app component
import App from '../app.f7.html';

window.app = new Framework7({
  root: '#app', // App root element
  component: App, // App main component

  name: 'My App', // App name
  theme: 'auto', // Automatic theme detection


  // App routes
  routes: routes,
});

setTimeout(function() {
  app.dialog.alert('Hello world!');
}, 2000);

И через консоль данная команда выполняется без проблем

setTimeout(function() {
  app.dialog.alert('Hello world!');
}, 2000);

Тебе нужно 17 строку объявлять через windows.app = new Framework7({...})

2 Likes
5

Спасибо!
Сделал window.app = app; и получилось