Встраивание дизайна Spline в React
Я продолжаю получать эту ошибку:
Cannot read properties of undefined (reading 'A')
TypeError: Cannot read properties of undefined (reading 'A')
at ue (http://localhost:3000/static/js/bundle.js:49456:19)
at xe (http://localhost:3000/static/js/bundle.js:49586:36)
at Object.or [as jsx] (http://localhost:3000/static/js/bundle.js:49532:16)
at http://localhost:3000/static/js/bundle.js:49909:32
at renderWithHooks (http://localhost:3000/static/js/bundle.js:24280:22)
at updateForwardRef (http://localhost:3000/static/js/bundle.js:27529:24)
at beginWork (http://localhost:3000/static/js/bundle.js:29590:20)
at HTMLUnknownElement.callCallback (http://localhost:3000/static/js/bundle.js:14536:18)
at Object.invokeGuardedCallbackDev (http://localhost:3000/static/js/bundle.js:14580:20)
at invokeGuardedCallback (http://localhost:3000/static/js/bundle.js:14637:35)
Весь мой код:
import React from "react";
import Spline from "@splinetool/react-spline";
export default function App() {
return (
<div className = "App">
<Spline scene = "https://prod.spline.design/o3v1HPnOwXUx88B6/scene.splinecode" />
</div>
);
}
и я получаю эту ошибку, я пробовал проверять видео или даже документы, но ничего не нашел. Я заверил, что корень проблемы в том, что всякий раз, когда я удаляю его из кода, веб-предварительный просмотр возвращается в нормальное состояние.
Ответы 2
У меня та же проблема: я установил @splinetool/runtime и @splinetool/react-spline и импортировал в свой проект следующим образом:
import React from "react";
import Spline from '@splinetool/react-spline';
export default function App() {
return (
<Spline scene = "https://prod.spline.design/o3v1HPnOwXUx88B6/scene.splinecode" />
);
}
Для этого было найдено решение: Чтобы устранить проблему «TypeError: невозможно прочитать свойства неопределенного значения (чтение «A»)», обновите свои зависимости до следующих версий: "@splinetool/react-spline": "^2.2.6", "@splinetool/runtime": "^1.4.5"
Обновите package.json и запустите установку npm или Yarn, чтобы применить изменения.
Я снова попробовал обновить/установить пакет npm для сплайна, установив для его версии значение "@splinetool/react-spline": "^3.0.3", "@splinetool/runtime": "^1.4.5",. я также попробовал установить версию @splinetool/react-spline" на 2.2.6, как указано в вашем ответе, и все еще получаю ту же ошибку.
В файле package.json вам необходимо сначала установить «@splinetool/react-spline»: «^2.2.6», «@splinetool/runtime»: «^1.4.5», а затем добавить следующую команду в свой файл package.json. терминал: запустите npm install, чтобы установить изменения. (для перехода с версии 3.0.3 на версию 2.2.6). Не забудьте импортировать Spline в свой проект: импортируйте Spline из @splinetool/react-spline; Перезапустите сервер и просмотрите изменения в частной навигации, чтобы убедиться, что в файлах кэша навигатора ничего не сохранено.
Если это весь ваш код, то где тот
import Spline from ..., который потребуется?