@apollo_client.js?v=dbeae2a1:78 Необнаруженная ошибка: не удалось разрешить «реакцию», импортированную с помощью «rehackt». Он установлен?

При использовании клиента Apollo в Vite я получаю сообщение об ошибке @apollo_client.js?v=dbeae2a1:78 Uncaught Error: Could not resolve "react" imported by "rehackt". Is it installed? в консоли, хотя мне нужна библиотека без реакции (ванильный javascript)? Я импортировал ApolloClient из @apollo/client/core моего main.js:

//src/main.js
import { createApp } from 'vue';
import App from './App.vue';
import { ApolloClient, gql, createHttpLink, InMemoryCache } from '@apollo/client/core';
import { DefaultApolloClient } from '@vue/apollo-composable';
import { createRouter, createWebHashHistory } from 'vue-router';
import Post from '@/components/Post.vue';
import Author from '@/components/Author.vue';
import PostsByTag from '@/components/PostsByTag.vue';
import AllPosts from '@/components/AllPosts.vue';

const httpLink = createHttpLink({
    uri: 'https://localhost:8000/graphql',
});

const apolloClient = new ApolloClient({
    link: httpLink,
    cache: new InMemoryCache(),
});
const routes = [
  { path: '/author/:username', component: Author },
  { path: '/post/:slug', component: Post },
  { path: '/tag/:tag', component: PostsByTag },
  { path: '/', component: AllPosts },
];
const router = createRouter({
    history: createWebHashHistory(),
    routes: routes,
});

const app = createApp(App);

app.provide(DefaultApolloClient, apolloClient);

app.mount('#app');

какую версию apollo_client вы используете

monim 26.02.2024 12:39

@apollo/[email protected]

Kaleab Woldemariam 26.02.2024 13:04
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
2
2
591
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

ну, apollo_client требует react, даже если вы вообще не используете реакцию. Это зависимость от сверстников.

Добавление реакции не решило проблему

Kaleab Woldemariam 26.02.2024 15:14

попробуйте удалить папку node_modules и выполните npm install, чем npm cache clean, чтобы убедиться в отсутствии кэшированных зависимостей. имейте в виду, что вы можете получить новые версии ваших зависимостей. если вы по какой-то причине хотите сохранить ту же старую версию

monim 26.02.2024 21:41

Есть два node_modules: один в корне проекта (VueProject), а другой в VueProject/frontend. Какой из них мне следует удалить?

Kaleab Woldemariam 27.02.2024 14:22

Тот, что находится в корне вашего проекта ( vue0roject)

monim 02.03.2024 08:55

Просто импортируйте из @apollo/client/core, и все снова заработает, нет никакого смысла добавлять реакцию в проект Vue.

Rafael López Dorado 25.06.2024 18:25

Вместо импорта от: @apollo/client используйте: @apollo/client/core

Другие вопросы по теме