Module not found: Error: Can't resolve 'fs' in
Я пытаюсь сделать загрузку сцены из формата .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")
}
}
package.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"
}
}
P.S. Никаких методов модуля three-legacyjsonloader я не использую, лишь подключаю
Ответы (2 шт):
Автор решения: MidNightElf
→ Ссылка
использовал ObjectLoader() для загрузки .json
import { ObjectLoader } from "three"
new ObjectLoader("scene.json", function(object) { scene.add(object); } ...);