主页 / 问题 / 1163748
Accepted
midnightelf18
Asked:2020-08-09 05:34:21 +0000 UTC2020-08-09 05:34:21 +0000 UTC

找不到模块：错误：无法解析“fs”

  • 772

我正在尝试.json从three.js. 但问题是three.js格式.json的使用已被弃用，但我仍然需要它。所以我开始寻找其他方法，并找到了提供此功能的存储库。但是当我尝试在连接模块的情况下构建项目时，webpack在终端出现以下错误 在此处输入图像描述 。然后我安装了这个模块npm i fs，终端出现同样的错误，浏览器控制台出现以下错误 。我将模块连接到index.js像这样：在此处输入图像描述 

const LegacyJSONLoader = require('three-legacyjsonloader');
...

<br/>**webpack.config.js:**
```javascript
const path = require("path");


module.exports = {
    entry: "./src/index.js",
    output: {
        filename: "bundle.js",
        path: path.resolve(__dirname, "dist")
    }
}


包.json：

{
  "name": "_____",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "webpack --mode development",
    "build": "webpack --mode production"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "fs": "0.0.1-security",
    "three": "^0.119.1",
    "three-legacyjsonloader": "^1.0.6", // модуль для загрузки *.json в three.js
    "three.interaction": "^0.2.3"
  },
  "devDependencies": {
    "webpack": "^4.44.1",
    "webpack-cli": "^3.3.12"
  }
}



PS我不使用任何模块方法three-legacyjsonloader，我只是连接

json

2 个回答

  1. 尝试添加

    node: {
    fs: "empty"
},

    在你的webpack.config

    • 1
  2. Best Answer

    使用ObjectLoader()加载.json

    import { ObjectLoader } from "three"

new ObjectLoader("scene.json", function(object) { scene.add(object); } ...);
    • 1

相关问题