找不到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);

}