Question

我正在尝试为mvc5项目（不是核心）设置webpack。一切正常。除了引用cshtml页面脚本中的模块外。例如，在我的布局页面中。

<script src="~/Scripts/build/bundle.js"></script>

在main.js中

import Person from './person';

var person = new Person("David", 20);
person.speak();

和person.js

export default class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

    speak() {
        console.log(`Hi I'm ${this.name} and ${this.age} years old and I am awesome`);
    }
}

当我运行该应用程序时，这在我的控制台中看到了输出。

但是尝试引用index.cshtml中的人物给我带来了麻烦。

我将main.js更改为。

module.exports = {
    Person: require('./person'),
};

在视图中，我尝试引用人

在index.cshtml（正在使用布局页面）中

<script>
        var person = new Person("David", 20);
        person.speak();
    </script>

我收到

未捕获的ReferenceError：未定义人员在索引：64

为mvc5项目导出es6模块

0 个答案: