[JavaScript知识库]Three.js遇到的You may need an appropriate loader to handle this file type问题

问题描述

这是一个 Vue 项目，依赖于 threejs ，版本如下：

• three@0.135

执行 npm run dev 命令时出现错误如下

> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

 23 36 36 39 42 94% asset optimization                                                                   

 ERROR  Failed to compile with 1 errors                                                                                                                                                  下午9:47:54

 error  in ./node_modules/three/build/three.module.js

Module parse failed: Unexpected token (2613:25)
You may need an appropriate loader to handle this file type.
|
|               this.texture = source.texture.clone();
|               this.texture.image = { ...this.texture.image }; // See #20328.
|
|               this.depthBuffer = source.depthBuffer;

...
 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?
 ...
 @ ./src/views ^\.\/.*$
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8090 webpack/hot/dev-server ./src/main.js

解决办法

版本问题，可先将 threejs 切换到 128 版本，希望以后版本解决这个问题吧。

E:\Sweetyaya\test> npm install three@0.128 --save-dev