Как передать переменную из приложения. js в индекс. html? - PullRequest
0 голосов
/ 29 марта 2020

Я новичок в веб-пакете и скрипте EMCA, хотя я и не считаю, что я новичок JS разработчик, скажем, я использую JS здесь и там, но не мой основной язык разработки, и меня смутил весь импорт из js и как это можно применить к моим приложениям framework7.

Извините за несколько простых вопросов, приведенных ниже,

У меня есть src / js / 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 own application auth class
import 'app-auth/lib/index.js';

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

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

// trying to initialize the Auth class 
// not sure whether should be using "const" or "var"
var auth = new Auth();

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

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


  // App routes
  routes: routes,

  // ** i have tried below, but not sure is correct ? 
  auth: auth,
});

, поэтому из приведенного выше приложение. js, не знаете, как оно передается в индекс. html или остальные мои страницы_x. html?

<!-- built styles file will be auto injected -->
</head>
<body>
  <script>
    // Method login
    // parameters username, password, database
    console.log(app.name);
    app.auth.login('admin', 'admin', 'mydbname').then(console.log);

    // Method logout
    app.auth.logout().then(console.log);
  </script>  
  <div id="app"></div>

  <!-- built script files will be auto injected -->
</body>
</html>

, когда я проверял свою консоль, из-за ошибок, говорящих о том, что переменная не определена, я не уверен, с чего начать и что искать в Google, но кое-как у меня недостаточно знаний о JS ECMA. Буду признателен, если кто-нибудь из вас может дать мне несколько советов о том, как заставить это работать?

Мне в основном нужно загрузить свои собственные node_modules, а затем инициализировать и использовать его, который является node_module классом.

Большое спасибо.

...