Vite Запрошенный модуль vue-router?

package.json:

{
  "name": "blog",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "dev": "vite --config ./vite.myconfig.js",
    "build": "vue-tsc --noEmit && vite build",
    "serve": "vite preview"
  },
  "dependencies": {
    "@types/node": "^14.14.37",
    "vue": "^3.0.5",
    "vue-router": "^4.0.4"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^1.2.1",
    "@vue/compiler-sfc": "^3.0.5",
    "typescript": "^4.2.3",
    "vite": "^2.1.5",
    "vue-tsc": "^0.0.15"
  }
}

vite.myconfig.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'

/**
 * @type {import('vite').UserConfig}
 */
module.exports = {
  type: 'module',
  plugins: [vue()],
  resolve: {
    alias: {
      '@src': path.resolve(__dirname, './src'),
      '@assets': path.resolve(__dirname, './assets'),
    },
  },
  minify: 'terser',
}

мой скрипт роутера

import vueRouter from 'vue-router'

const routes = [
  { path: '/home', component: {} },
  { path: '/about', component: {} },
]

const router = vueRouter.createRouter({
  history: vueRouter.createWebHistory(),
  routes: routes,
})
export default router

эта ошибка:

router.ts:1 Uncaught SyntaxError: The requested module '/node_modules/.vite/vue-router.js?v=096e59a1' does not provide an export named 'default'

это почему?

vue.js vue-router vuejs3 vite vue-router4

06.04.2021 17:56

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

Правильный синтаксис - import * as vueRouter from 'vue-router';, потому что маршрутизатор vue не поддерживает экспорт по умолчанию:

import * as vueRouter from 'vue-router';

const routes = [
  { path: '/home', component: {} },
  { path: '/about', component: {} },
];

const router = vueRouter.createRouter({
  history: vueRouter.createWebHistory(),
  routes: routes,
});
export default router;

или же

import {createRouter} from 'vue-router';

const routes = [
  { path: '/home', component: {} },
  { path: '/about', component: {} },
];

const router = createRouter({
  history: vueRouter.createWebHistory(),
  routes: routes,
});
export default router;

06.04.2021 17:59

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

Как отображать динамические данные при нажатии динамической ссылки в том же компоненте без обновления страницы в Vue.js

Ошибка: перенаправляется при переходе из «/ login» в «/ home» через навигационную защиту. Vue-router и аутентификация firebase

Защита маршрута Vue, чтобы различать перезагрузку страницы (например, F5 / кнопку обновления, нажатую в браузере) и прямую вставку URL-адреса

Выделение родительского меню из ссылки на маршрутизатор в VueJS

Вкладки Vuetify с роутером - tab.isActive всегда ложно

Функция маршрутизатора - 'beforeEnter' принимает значения по умолчанию из vuex

Как определить маршрутизаторы vue с динамическими дочерними маршрутами?

Цвет текста v-list-item-title не меняется, когда он активен в v-navigation-drawer

Vue router показывает только один компонент

Vuejs 3: Uncaught TypeError: Object (...) не является функцией

Vite Запрошенный модуль vue-router?

Ответы 1

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

Похожие вопросы