Npm 未找到模块:错误:Can';t解决'@巴比伦JS/核心/引擎/引擎&x27;
我遵循一个指南,使用npm、webpack、typescript和ES6()设置一个简单的js示例,并在运行Npm 未找到模块:错误:Can';t解决'@巴比伦JS/核心/引擎/引擎&x27;,npm,webpack,babylonjs,Npm,Webpack,Babylonjs,我遵循一个指南,使用npm、webpack、typescript和ES6()设置一个简单的js示例,并在运行npm run build时出现以下错误: ERROR in ./index.ts 3:17-58 Module not found: Error: Can't resolve '@babylonjs/core/Engines/engine' in 'C:\...\BabylonJSPlayground\HelloWorld' ... same error for other modul
npm run build
时出现以下错误:
ERROR in ./index.ts 3:17-58
Module not found: Error: Can't resolve '@babylonjs/core/Engines/engine' in 'C:\...\BabylonJSPlayground\HelloWorld'
... same error for other modules in @babylonjs/core
我的npm安装:
npm init
npm install --save-dev webpack webpack-cli typescript ts-loader
npm install --save @babylonjs/core @babylonjs/materials @babylonjs/loaders @babylonjs/post-processes @babylonjs/procedural-textures @babylonjs/serializers @babylonjs/gui @babylonjs/inspector
webpack.config.js:
const path = require("path");
module.exports = {
entry: './index.ts',
output: {
filename: 'index.js',
path: path.resolve(__dirname, 'dist')
},
resolve: {
extensions: [".ts"]
},
module: {
rules: [
{ test: /\.tsx?$/, loader: "ts-loader" }
]
},
mode: "development",
externals: {
"oimo": true,
"cannon": true,
"earcut": true
},
};
tsconfig.json:
{
"compilerOptions": {
"module": "CommonJS",
"noImplicitAny": true,
"removeComments": true,
"preserveConstEnums": true,
"sourceMap": true,
"moduleResolution": "Node",
"lib": ["ES6","DOM"],
"target": "ES6",
"types": [
"@babylonjs/core",
"@babylonjs/gui",
"@babylonjs/inspector",
"@babylonjs/loaders",
"@babylonjs/materials",
"@babylonjs/post-processes",
"@babylonjs/procedural-textures",
"@babylonjs/serializers"
],
},
"files": [
"./index.ts"
]
}
my index.ts中的导入(vscode现在显示缺失模块的错误):
在节点模块下成功安装了npm的包。此外,vscode在index.ts中也识别出了它们
那么这里出了什么问题
import { Engine } from "@babylonjs/core/Engines/engine";
import { Scene } from "@babylonjs/core/scene";
import { Vector3 } from "@babylonjs/core/Maths/math";
import { HemisphericLight } from "@babylonjs/core/Lights/hemisphericLight";
import { Mesh } from "@babylonjs/core/Meshes/mesh";
import { ArcRotateCamera } from "@babylonjs/core/Cameras/arcRotateCamera";
import { MeshBuilder } from "@babylonjs/core/Meshes/meshBuilder";