Javascript模块导入失败-为什么?

用户名

我是一名javascript新手,我想弄清楚为什么此import语句失败。我不知道这是否相关,但是我正在使用默认Webpack设置的Create React应用程序中执行此操作。我有这些文件:

TestClass.js

export default class TestClass {
    sayHello() {
        console.log("Hello World.");
    }
}

TestModule.js

import TestClass from "./TestClass";

module.exports = {
    MyExport: {
        doSomething: function() {
            let testClass = new TestClass();
            testClass.sayHello();
        }
    }
}

然后是我的主要React Application文件App.js:

import React, { Component } from "react";
import "./App.css";
import { MyExport } from "./TestModule"

class App extends Component {
    constructor(props) {
        super(props);

        MyExport.doSomething();

        ... bla bla bla ...
}

当我尝试在Node.js中运行它时,它返回

Failed to compile.

./src/App.js
Attempted import error: 'MyExport' is not exported from './TestModule'.

我究竟做错了什么?

埃塔罕

您正在将es6模块Commonjs样式导入混合在一起您的TestModule应该按以下方式导出:

import { TestClass } from "./TestClass";

export const MyExport = {
  doSomething: function () {
    let testClass = new TestClass();
    testClass.sayHello();
  }
};

这应该在允许其余代码保持不变的同时起作用

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

TOP 榜单

热门标签

归档