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

Question

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: запрошенный модуль '/node_modules/.vite/vue-router.js?v=096e59a1' не предоставляет экспорт с именем 'default'

это почему?

Answer 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;