Javascript 如何在.vue文件中导入类(.js文件)?

Javascript 如何在.vue文件中导入类(.js文件)?,javascript,vue.js,import,export,Javascript,Vue.js,Import,Export,我有一个名为Authenticator的类,它位于Authenticator.js文件中。我想在我的vue应用程序中使用它的功能,特别是在Login.vue文件中 如何导出类验证器并将其导入Login.vue 我发现以下错误: 未捕获的TypeError:无法读取未定义的属性“match” at补丁(网页包)-internal:///./node_modules/graceful-fs/polyfills.js:31) at补丁(网页包)-internal:///./node_modules/g

我有一个名为Authenticator的类,它位于Authenticator.js文件中。我想在我的vue应用程序中使用它的功能,特别是在Login.vue文件中

如何导出类验证器并将其导入Login.vue

我发现以下错误:

未捕获的TypeError:无法读取未定义的属性“match” at补丁(网页包)-internal:///./node_modules/graceful-fs/polyfills.js:31) at补丁(网页包)-internal:///./node_modules/graceful-fs/graceful-fs.js:96) 在Object.eval(网页包-internal:///./node_modules/graceful-fs/graceful-fs.js:88) 评估时(网页)-internal:///./node_modules/graceful-fs/graceful-fs.js:348) 在Object../node_modules/manuent fs/manuent-fs.js(chunk vendors.js:10849) 在网页上需要(app.js:785) 在fn(app.js:151) 在Object.eval(网页包-internal:///./node_modules/gulp-sourcemaps/src/init/index.internals.js:9) 评估时(网页)-internal:///./node_modules/gulp-sourcemaps/src/init/index.internals.js:124) 在Object../node_modules/gulp sourcemaps/src/init/index.internal.js(chunk vendors.js:11038)

加载资源失败:网络::错误\u网络\u IO\u挂起


谢谢

如果没有您的代码,很难提供帮助,但下面是一个基本示例:

Authenticator.js

'use strict';

class Authenticator {
    // ...
};

module.exports.Authenticator = Authenticator;
class Authenticator {
    //
    };

export default new Authenticator;
Login.vue

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

const AuthenticatorInstance = new Authenticator;

// use it...

</script>

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

从'path/to/Authenticator.js'导入验证器;
const AuthenticatorInstance=新的验证器;
//使用它。。。
并在文件中导入:

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

'use strict';

class Authenticator {
    // ...
};

module.exports.Authenticator = Authenticator;
class Authenticator {
    //
    };

export default new Authenticator;
Login.vue

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

const AuthenticatorInstance = new Authenticator;

// use it...

</script>

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

从“路径/验证器”导入验证器;

在我的vue应用程序中,这些都不起作用……您必须比“这些都不起作用”更具体。如果操作正确,这肯定能正常工作。也许可以提供您的代码?我试过了,但问题是当我这样做时,我的vue应用程序停止显示,当我删除这些行时,它会再次工作..我没有收到错误,它只是什么都不显示(但构建成功)我试过了,但问题是,当我这样做时,我的vue应用程序停止显示,当我删除这些行时,它会再次工作。请按F12并在控制台中告诉我们错误,好吗?