Я изо всех сил пытаюсь импортировать файлы .gltf с помощью Webpack (проект gatsby с реагировать + веб-пакет + реагировать-три-волокна).
В режиме разработки я получаю эту ошибку:
This relative module was not found:
⠀
* ../../static/gltf/bear_v2.gltf in ./src/components/CanvasWrapper.js
error ✖ ｢wdm｣:
ERROR in ./src/components/CanvasWrapper.js
Module not found: Error: Can't resolve '../../static/gltf/bear_v2.gltf' in '/Volumes/Data/DOCUMENTS/_htdocs/slenterende-beer/src/components'
@ ./src/components/CanvasWrapper.js 19:0-55 25:12-21 149:10-19
@ ./src/pages/index.js
@ ./.cache/sync-requires.js
@ ./.cache/app.js
@ multi ./node_modules/event-source-polyfill/src/eventsource.js (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false ./.cache/app
info ℹ ｢wdm｣: Failed to compile.
Когда я переключался между import и require во время разработки, это неожиданно работает. Когда я переключаюсь и перезапускаю проект, он снова терпит неудачу (пока я не переключаюсь). Я думаю, что это какая-то странная проблема с кешем (?).
Я использую gltf-webpack-loader для загрузки файла.
Файл теперь помещен в /static/gltf/model.gltf, но раньше он был в /assets/, который, я полагаю, не понравился веб-пакету.
Правила веб-пакета:
https://github.com/flowen/slenterendebeer/blob/master/gatsby-node.js
код загрузки:
https://github.com/flowen/slenterendebeer/blob/master/src/components/CanvasWrapper.js
импорт находится в строке 6 и строке 15
и это ошибки сборки (на netlify):
10:02:42 PM: Error: ./static/gltf/bear.gltf
10:02:42 PM: Module not found: Error: Can't resolve './-0.707' in '/opt/build/repo/static/g ltf'
10:02:42 PM: resolve './-0.707' in '/opt/build/repo/static/gltf'
10:02:42 PM: using description file: /opt/build/repo/package.json (relative path: ./static/gltf)
10:02:42 PM: Field 'browser' doesn't contain a valid alias configuration
10:02:42 PM: using description file: /opt/build/repo/package.json (relative path: ./sta tic/gltf/-0.707)
10:02:42 PM: no extension
10:02:42 PM: Field 'browser' doesn't contain a valid alias configuration
10:02:42 PM: /opt/build/repo/static/gltf/-0.707 doesn't exist
10:02:42 PM: .mjs
10:02:42 PM: Field 'browser' doesn't contain a valid alias configuration
10:02:42 PM: /opt/build/repo/static/gltf/-0.707.mjs doesn't exist
10:02:42 PM: .js
10:02:42 PM: Field 'browser' doesn't contain a valid alias configuration
10:02:42 PM: /opt/build/repo/static/gltf/-0.707.js doesn't exist
10:02:42 PM: .jsx
10:02:42 PM: Field 'browser' doesn't contain a valid alias configuration
10:02:42 PM: /opt/build/repo/static/gltf/-0.707.jsx doesn't exist
10:02:42 PM: .wasm
10:02:42 PM: Field 'browser' doesn't contain a valid alias configuration
10:02:42 PM: /opt/build/repo/static/gltf/-0.707.wasm doesn't exist
10:02:42 PM: .json
10:02:42 PM: Field 'browser' doesn't contain a valid alias configuration
10:02:42 PM: /opt/build/repo/static/gltf/-0.707.json doesn't exist
10:02:42 PM: as directory
10:02:42 PM: /opt/build/repo/static/gltf/-0.707 doesn't exist
10:02:42 PM: [/opt/build/repo/static/gltf/-0.707]
10:02:42 PM: [/opt/build/repo/static/gltf/-0.707.mjs]
10:02:42 PM: [/opt/build/repo/static/gltf/-0.707.js]
10:02:42 PM: [/opt/build/repo/static/gltf/-0.707.jsx]
10:02:45 PM: failed during stage 'building site': Build script returned non-zero exit code: 1
10:02:42 PM: [/opt/build/repo/static/gltf/-0.707.wasm]
10:02:42 PM: [/opt/build/repo/static/gltf/-0.707.json]
10:02:42 PM: @ ./static/gltf/bear.gltf ./-0.707