Как импортировать класс (. js файл) в файл. vue?

Question

У меня есть класс, который называется Authenthicator, и он находится в файле Authenticator. js. Я хочу использовать его функции в моем приложении vue, в частности в файле Login. vue.

Как я могу экспортировать класс Authenticator и импортировать его в Login. vue?

Я получаю следующие ошибки:

Uncaught TypeError: Невозможно прочитать свойство 'match' из неопределенного в патче (webpack-internal: ///./node_modules/graceful-fs/polyfills.js: 31) в патче (webpack-internal: ///./node_modules/graceful-fs/graceful-fs.js: 96) в Object.eval (webpack-internal: ///./node_modules/graceful-fs/graceful- fs. js: 88) в eval (webpack-internal: ///./node_modules/graceful-fs/graceful-fs.js: 348) в Object ../ node_modules / graceful-fs / graceful-fs . js (chunk-vendors. js: 10849) в webpack_require (приложение. js: 785) в fn (приложение. js: 151) в Object.eval (webpack- internal: ///./node_modules/gulp-sourcemaps/src/init/index.internals.js: 9) в eval (webpack-internal: ///./node_modules/gulp-sourcemaps/src/init/index .internals. js: 124) в Object ../ node_modules / gulp-sourcemap s / src / init / index.internals. js (chunk-vendors. js: 11038)

Не удалось загрузить ресурс: net :: ERR_NETWORK_IO_SUSPENDED

Спасибо

Answer 1

 export default class Authenticator {
    // ...
 }

И импорт в файл:

  import Authenticator from "path/to/file/authenticator.js
  var Auth = new Authenticator ();

Answer 2

Аутентификатор. js

class Authenticator {
    //
    };

export default new Authenticator;

Вход. vue

<script>
import Authenticator from 'path/Authenticator';
</script>

Answer 3

Довольно сложно помочь без вашего кода, но вот базовый c пример:

Аутентификатор. js

'use strict';

class Authenticator {
    // ...
};

module.exports.Authenticator = Authenticator;

Логин. vue

<script>
import Authenticator from 'path/to/Authenticator.js';

const AuthenticatorInstance = new Authenticator;

// use it...

</script>