找不到Angular2 / 4模块：错误：无法解析“..\app”中的“三个”解析“..\app”中的“三个”

Question

我是 angular 和 typescript 的新手，我正在努力导入 @types/three npm 包，我只是创建了一个新的 angular 项目，我尝试导入并使用这三个包，但我一直收到此错误

Module not found: Error: Can't resolve 'three' in 'E:\wamp64\www\pro-website-angular5\src\app'

我一定是在做一些新的错误，但我不知道，这是我的代码

import { Component } from '@angular/core';
import * as THREE from 'three';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent{
  title = new THREE.Vector3(1,1,1);

}

Answer 1

首先安装所需的包。

yarn add three @types/three

然后从"three"导入Vector3

import { Component } from '@angular/core';
import { Vector3 } from "three";

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent{
  title = new Vector3(1,1,1);

}