Javascript THREE.js Line对象未在浏览器中运行

我对THREE.js不熟悉。 当我在浏览器中打开这段代码时，它只显示一个黑屏而不是一个三角形。 请帮我找出代码中的问题

第一行对象
正文{页边距：0；}
画布{宽度：100%；高度：100%；}
var scene=new THREE.scene（）；
var摄像机=新的三透视摄像机（75，window.innerWidth/window.innerHeight，0.11000）；
var renderer=new THREE.WebGLRenderer（）；
renderer.setSize（window.innerWidth、window.innerHeight）；
document.body.appendChild（renderer.doElement）；
var lineGeom=新几何体（）；
lineGeom.vertices=[
新的三矢量3（-2，-2,0），
新的三矢量3（2，-2,0），
新的三个矢量3（0，2，0），
新三矢量3（-2，-2,0）
];
var lineMat=新的三线基本材质({
颜色：0xA000A0，
线宽：2
});
var线=新的三线（lineGeom、lineMat、THREE.LineStrip）；
场景。添加（行）；
摄像机位置z=5；
var render=function（）{
请求动画帧（渲染）；
渲染器。渲染（场景、摄影机）；
}
render（）；

几何体的初始化有问题。您必须像这样使用构造函数

new THREE.Geometry（）

---

这将解决您的问题

var lineGeom=new Geometry（）应该是
var lineGeom=new THREE.Geometry（）@prisoner849谢谢你的帮助！现在很好用。