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

}