在 vueJS 中导入 javascript 类答案

【问题标题】：Import javascript class in vueJS在 vueJS 中导入 javascript 类
【发布时间】：2020-03-15 12:13:21
【问题描述】：

我想在 Vue 应用程序中使用一个 javascript 类。

我的班级看起来像：

class className { 
   constructor() { 
       ... 
   }  

   function1() { 
       ... 
   }  

   static funtion2() {
        ... 
   } 
}

我尝试在我的应用程序中导入此类：

从'./fileName.js'导入类名；
var {className} = require('./fileName.js')

在我想要调用类的函数 (className.function2()) 时收到的所有情况：函数未定义。

【问题讨论】：

不要忘记从声明它的模块中导出你的“类”
require 拼写对了吗？
你说function2不行，function1行吗？
你使用 webpack 还是类似的？
@GibboK - 你的意思是导出我导入的类吗？我正在使用同一个模块。我正在使用 webpack。

标签： javascript vue.js

【解决方案1】：

您需要导出类才能导入/需要它

//1. For import syntax
export default class className {...}

//2. For require syntax
class className {}
module.exports.className = className
//or
module.exports = {
    className: className
}

【讨论】：

这对我不起作用。我看到“module.exports”对我来说是未定义的。无法设置 module.exports.MyClass = MyClass TypeError：无法设置未定义的属性“MyClass”

【解决方案2】：

使用import/export，你会使用

export class className {}

和

import {className} from '<file>';

【讨论】：