找不到模块“babylonjs”

Question

index.ts

import { Engine } from '@babylonjs/core/Engine/engine';

[tsl] ERROR in ~/Documents/babylon1/src/index.ts(1,24)
  TS2307: Cannot find module '@babylonjs/core/Engines/engine'.

我遵循了巴比伦文档页面上的步骤，以及https://doc.babylonjs.com/features/npm_support#error-ts2307-cannot-find-module-babylonjs-or-other-modules上的故障排除说明。我已经在tscong.json中添加了"babylonjs“，但是我仍然得到”无法找到模块@babylonjs/core“的错误。

package.json

"devDependencies": {
    "@babylonjs/core": "^4.0.3",
    "ts-loader": "^6.2.1",
    "typescript": "^3.7.4",
    "webpack": "^4.41.5",
    "webpack-cli": "^3.3.10",
    "webpack-dev-server": "^3.10.1"
},
"dependencies": {
  "babylonjs": "^4.0.3"
}

tsconfig.json

{
    "compilerOptions": {
        "outDir": "./dist",
        "sourceMap": true,
        "noImplicitAny": true,
        "strictNullChecks": false,
        "module": "es6",
        "target": "es6",
        "types": [
            "babylonjs"
        ]
    }
}

我做npm install只是为了确保什么都没有丢失。

Answer 1

下面的设置可以工作。@babylonjs/core/...导入解析正确，webpack-dev-server自动生成和重新加载。

package.json

"devDependencies": {
  "@babylonjs/core": "^4.0.3",
  "ts-loader": "^6.2.1",
  "typescript": "^3.7.4",
  "webpack": "^4.41.5",
  "webpack-cli": "^3.3.10",
  "webpack-dev-server": "^3.10.1"
},
"dependencies": {}

tsconfig.json

{
  "compilerOptions": {
    "outDir": "./dist",
    "module": "esNext",
    "target": "es6",
    "moduleResolution": "node"
  }
}

注意：types: ["babylonjs"]似乎没有必要

webpack.config.js

module: {
  rules: [
    {
      test: /\.tsx?$/,
      use: 'ts-loader',
      exclude: /node_modules/
    },
  ],
},
resolve: {
  extensions: [ '.tsx', '.ts', '.js' ],
},
output: {
  filename: 'bundle.js'
},
devServer: {
  contentBase: path.join(__dirname, 'dist'),
  compress: true,
  hot: true
}