GithubHelp home page GithubHelp logo

makimenko / angular-three-examples Goto Github PK

View Code? Open in Web Editor NEW
68.0 9.0 15.0 2.48 MB

Angular5 + three.js + Three.js examples/js (ColladaLoader and OrbitControls)

Home Page: https://github.com/makimenko/angular-template-for-threejs

License: MIT License

TypeScript 84.71% JavaScript 11.55% HTML 2.86% CSS 0.89%
angular threejs

angular-three-examples's Issues

Warning message when building for production

When building the application for production, I get the following warning.
How to get rid of this warning?

D:\angular-three-examples-master>ng build --prod

Date: 2018-01-30T09:27:38.945Z
Hash: 852fc05be81b829cb151
Time: 39138ms
chunk {0} polyfills.12c8097dc1606bc2ea5e.bundle.js (polyfills) 98.2 kB [initial] [rendered]
chunk {1} main.5bf78b443b4f685ee5f0.bundle.js (main) 727 kB [initial] [rendered]
chunk {2} styles.9c0ad738f18adc3d19ed.bundle.css (styles) 79 bytes [initial] [rendered]
chunk {3} inline.30555f13863256f8cb92.bundle.js (inline) 1.45 kB [entry] [rendered]

WARNING in ./src/app/scene/scene.component.ts
24:25-44 "export 'ColladaLoader' (imported as 'THREE') was not found in 'three'
    at HarmonyImportSpecifierDependency._getErrors (D:\angular-three-examples-master\node_modules\webpack\lib\dependenci
es\HarmonyImportSpecifierDependency.js:65:15)
    at HarmonyImportSpecifierDependency.getWarnings (D:\angular-three-examples-master\node_modules\webpack\lib\dependenc
ies\HarmonyImportSpecifierDependency.js:39:15)
    at Compilation.reportDependencyErrorsAndWarnings (D:\angular-three-examples-master\node_modules\webpack\lib\Compilat
ion.js:703:24)
    at Compilation.finish (D:\angular-three-examples-master\node_modules\webpack\lib\Compilation.js:561:9)
    at applyPluginsParallel.err (D:\angular-three-examples-master\node_modules\webpack\lib\Compiler.js:502:17)
    at D:\angular-three-examples-master\node_modules\tapable\lib\Tapable.js:289:11
    at _addModuleChain (D:\angular-three-examples-master\node_modules\webpack\lib\Compilation.js:507:11)
    at processModuleDependencies.err (D:\angular-three-examples-master\node_modules\webpack\lib\Compilation.js:477:14)
    at _combinedTickCallback (internal/process/next_tick.js:131:7)
    at process._tickCallback (internal/process/next_tick.js:180:9)
 @ ./src/app/scene/scene.component.ts
 @ ./src/app/app.component.ngfactory.js
 @ ./src/app/app.module.ngfactory.js
 @ ./src/main.ts
 @ multi ./src/main.ts

WARNING in ./src/app/scene/scene.component.ts
76:28-47 "export 'OrbitControls' (imported as 'THREE') was not found in 'three'
    at HarmonyImportSpecifierDependency._getErrors (D:\angular-three-examples-master\node_modules\webpack\lib\dependenci
es\HarmonyImportSpecifierDependency.js:65:15)
    at HarmonyImportSpecifierDependency.getWarnings (D:\angular-three-examples-master\node_modules\webpack\lib\dependenc
ies\HarmonyImportSpecifierDependency.js:39:15)
    at Compilation.reportDependencyErrorsAndWarnings (D:\angular-three-examples-master\node_modules\webpack\lib\Compilat
ion.js:703:24)
    at Compilation.finish (D:\angular-three-examples-master\node_modules\webpack\lib\Compilation.js:561:9)
    at applyPluginsParallel.err (D:\angular-three-examples-master\node_modules\webpack\lib\Compiler.js:502:17)
    at D:\angular-three-examples-master\node_modules\tapable\lib\Tapable.js:289:11
    at _addModuleChain (D:\angular-three-examples-master\node_modules\webpack\lib\Compilation.js:507:11)
    at processModuleDependencies.err (D:\angular-three-examples-master\node_modules\webpack\lib\Compilation.js:477:14)
    at _combinedTickCallback (internal/process/next_tick.js:131:7)
    at process._tickCallback (internal/process/next_tick.js:180:9)
 @ ./src/app/scene/scene.component.ts
 @ ./src/app/app.component.ngfactory.js
 @ ./src/app/app.module.ngfactory.js
 @ ./src/main.ts
 @ multi ./src/main.ts

Ng5 Migration

Hey @makimenko :)
This isn't an actual issue or anything with your example, more of a query:

Was just wondering if this example of yours would work the same if a migration to Angular 5 was done?

I was using something similar, by setting the TS compiler allowJS=true, and using a seperate JS file to load the ThreeJS library, bit since the migration on my project this doesn't exactly work as it used to with Ng4 👎

Cheers!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.