我有一个问题,关于在javascript中包含文件。我有一个非常简单的例子:
--> index.html
--> models
--> course.js
--> student.js
课程.js:
function Course() {
this.id = '';
this.name = '';
}
一个学生有一个课程属性。像这样:import './course';
function Student() {
this.firstName = '';
this.lastName = '';
this.course = new Course();
}
而 index.html 文件则像这样:
<html>
<head>
<script src="./models/student.js" type="text/javascript"></script>
</head>
<body>
<div id="myDiv">
</div>
<script>
window.onload= function() {
var x = new Student();
x.course.id = 1;
document.getElementById('myDiv').innerHTML = x.course.id;
}
</script>
</body>
</html>
但是我在"var x = new Student();"这行代码上遇到了一个错误:
Student未定义
当我从Student中移除import时,错误消息就不再出现了。 我已经尝试使用(require、import、include、创建自定义函数、export)等方式,但都没有成功。
有人知道原因吗?如何修复该问题?
P.S.路径正确,来自于VS Code的自动完成。