导入静态函数/类时尝试导入错误

Question

我将MyTool.js中的类与Component.js中的类放在同一目录

export class MyTool {
constructor(){

}

numToBar(num){
if (num == 0) {return 8;}
if (num == 1) {return 16;}
if (num == 2) {return 24;}
if (num == 3) {return 32;}
if (num == 4) {return 64;}
if (num == 5) {return 128;}
if (num == 6) {return 256;}
if (num == 7) {return 512;}
}
barToNum(bar){
if (bar == 8) {return 0;}
if (bar == 16) {return 1;}
if (bar == 24) {return 2;}
if (bar == 32) {return 3;}
if (bar == 64) {return 4;}
if (bar == 128) {return 5;}
if (bar == 256) {return 6;}
if (bar == 512) {return 7;}
}
}

，然后导入到我的Component.js和使用作为静态类

import MyTool from './MyTool.js';
MyTool.numToBar(3);

但是出现了这样的错误

Attempted import error: './MyTool.js' does not contain a default export (imported as 'MyTool').

我应该在哪里修复??

Answer 1

添加default到您的类定义:

export default class MyTool {
constructor(){

}

numToBar(num){
if (num == 0) {return 8;}
if (num == 1) {return 16;}
if (num == 2) {return 24;}
if (num == 3) {return 32;}
if (num == 4) {return 64;}
if (num == 5) {return 128;}
if (num == 6) {return 256;}
if (num == 7) {return 512;}
}
barToNum(bar){
if (bar == 8) {return 0;}
if (bar == 16) {return 1;}
if (bar == 24) {return 2;}
if (bar == 32) {return 3;}
if (bar == 64) {return 4;}
if (bar == 128) {return 5;}
if (bar == 256) {return 6;}
if (bar == 512) {return 7;}
}
}