2

Я пытаюсь сделать загрузку сцены из формата .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 я не использую, лишь подключаю

4
  • я так понял, что three-legacyjsonloader вызывает fs модуль, который по умолчанию есть в любой NodeJS (на сервере). а Вы рендерите приложение на клиенте, где fs нет и, думаю, быть не может. 8 авг 2020 в 23:13
  • @Август но ведь модуль который я пытаюсь подключить должен работать на клиенте 8 авг 2020 в 23:16
  • я не могу сказать точно, но, скорее всего, это невозможно, так как у браузера и так очень ограниченный доступ к файловой системе ПК. а точнее, его почти нет и он запрещен. это сделано исходя от мер безопасности. теоретически, fs модуль никак не сможет там работать 8 авг 2020 в 23:24
  • использование формата .json является устаревшим откуда инфа? загружайте сколько влезет 10 авг 2020 в 12:01

2 ответа 2

1

попробуйте добавить

node: {
    fs: "empty"
},

в Ваш webpack.config

1

использовал ObjectLoader() для загрузки .json

import { ObjectLoader } from "three"

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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.