Question

某些路径配置错误我无法解决此问题。这是我的移民。＆＃34; @ angular / animations＆＃34;：＆＃34; ^ 5.1.1＆＃34;，＆＃34; @ angular / cdk＆＃34;：＆＃34; ^ 5.0.1＆＃34;，＆＃34; @ angular / common＆＃34;：＆＃34; ^ 5.0.0＆＃34;，＆＃34; @ angular / compiler＆＃34;：＆＃34; ^ 5.0.0＆＃34;，＆＃34; @ angular / core＆＃34;：＆＃34; ^ 5.0.0＆＃34;，＆＃34; @ angular / forms＆＃34;：＆＃34; ^ 5.0.0＆＃34;，＆＃34; @ angular / http＆＃34;：＆＃34; ^ 5.0.0＆＃34;，＆＃34; @ angular / material＆＃34;：＆＃34; ^ 5.0.1＆＃34;，＆＃34; @ angular / platform-browser＆＃34;：＆＃34; ^ 5.0.0＆＃34;，＆＃34; @ angular / platform-browser-dynamic＆＃34;：＆＃34; ^ 5.0.0＆＃34;，＆＃34; @ angular / router＆＃34;：＆＃34; ^ 5.0.0＆＃34;，＆＃34; @ types / three＆＃34;：＆＃34; ^ 0.84.35＆＃34;，＆＃34; animate.css＆＃34;：＆＃34; ^ 3.5.2＆＃34;，＆＃34; bootstrap＆＃34;：＆＃34; ^ 3.3.7＆＃34;，＆＃34; core-js＆＃34;：＆＃34; ^ 2.4.1＆＃34;，＆＃34; d3＆＃34;：＆＃34; ^ 4.12.0＆＃34;，＆＃34; hammerjs＆＃34;：＆＃34; ^ 2.0.8＆＃34;，＆＃34; jquery＆＃34;：＆＃34; ^ 3.2.1＆＃34;，＆＃34; rxjs＆＃34;：＆＃34; ^ 5.5.2＆＃34;，＆＃34; zone.js＆＃34;：＆＃34; ^ 0.8.14＆＃34; }，＆＃34; devDependencies＆＃34;：{ ＆＃34; @ angular / cli＆＃34;：＆＃34; 1.6.1＆＃34;，＆＃34; @ angular / compiler-cli＆＃34;：＆＃34; ^ 5.0.0＆＃34;，＆＃34; @ angular / language-service＆＃34;：＆＃34; ^ 5.0.0＆＃34;，＆＃34; @ types / d3＆＃34;：＆＃34; ^ 4.12.0＆＃34;，＆＃34; @ types / jasmine＆＃34;：＆＃34; ~2.5.53＆＃34;，＆＃34; @ types / jasminewd2＆＃34;：＆＃34; ~2.0.2＆＃34;，＆＃34; @ types / node＆＃34;：＆＃34; ~6.0.60＆＃34;，＆＃34; codelyzer＆＃34;：＆＃34; ^ 4.0.1＆＃34;，＆＃34; jasmine-core＆＃34;：＆＃34; ~2.6.2＆＃34;，＆＃34; jasmine-spec-reporter＆＃34;：＆＃34; ~4.1.0＆＃34;，＆＃34;业力＆＃34;：＆＃34; ~1.7.0＆＃34;，＆＃34; karma-chrome-launcher＆＃34;：＆＃34; ~2.1.1＆＃34;，＆＃34; karma-cli＆＃34;：＆＃34; ~1.0.1＆＃34;，＆＃34; karma-coverage-istanbul-reporter＆＃34;：＆＃34; ^ 1.2.1＆＃34;，＆＃34; karma-jasmine＆＃34;：＆＃34; ~1.1.0＆＃34;，＆＃34; karma-jasmine-html-reporter＆＃34;：＆＃34; ^ 0.2.2＆＃34;，＆＃34;量角器＆＃34;：＆＃34; ~5.1.2＆＃34;，＆＃34; ts-node＆＃34;：＆＃34; ~3.2.0＆＃34;，＆＃34; tslint＆＃34;：＆＃34; ~5.7.0＆＃34;，＆＃34;打字稿＆＃34;：＆＃34; ~2.4.2＆＃34;

import { OnInit } from '@angular/core';
import { Component, ViewChild, ElementRef } from '@angular/core';
import * as THREE from 'three';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent  {


  @ViewChild('rendererContainer') rendererContainer: ElementRef;
  renderer = new THREE.WebGLRenderer();

以下是我得到的错误。

 /Users/macmini05/Desktop/nieu/src/three doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              /Users/macmini05/Desktop/nieu/src/three.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              /Users/macmini05/Desktop/nieu/src/three.js doesn't exist
            as directory
              /Users/macmini05/Desktop/nieu/src/three doesn't exist
      looking for modules in /Users/macmini05/Desktop/nieu/src
        using description file: /Users/macmini05/Desktop/nieu/package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: /Users/macmini05/Desktop/nieu/package.json (relative path: ./src)
          using description file: /Users/macmini05/Desktop/nieu/package.json (relative path: ./src/three)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              /Users/macmini05/Desktop/nieu/src/three doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              /Users/macmini05/Desktop/nieu/src/three.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias

Answer 1

查看你的package.json，你缺少three js。您只安装了@types/three，这只是TypeScript的输入。

您需要安装three js。

npm install three --save

Angular 5，Three Js error

1 个答案: