小编Mai*_*sen的帖子

'不提供名为'createRouter'的导出' vue 3、vite 和 vue-router

我刚开始在 vue 中使用 vite。当我尝试使用 vue-router 时,出现错误:

SyntaxError: The requested module '/node_modules/.vite/vue-router/dist/vue-router.esm.js?v=4830dca4' does not provide an export named 'createRouter
Run Code Online (Sandbox Code Playgroud)

我的路由器/index.js 看起来像这样:

import {
 createWebHistory,
 createRouter
} from "vue-router";

import Services from "../views/Services.vue";
import Costumers from "../views/Costumers.vue";

const history = createWebHistory();
const routes = [
  {
    path: "/",
    component: Services
  },
  {
    path: "/costumers",
    component: Costumers
  },
];
const router = createRouter({
  history,
  routes
});
export default router;
Run Code Online (Sandbox Code Playgroud)

我的 main.js 看起来像这样:

import { createApp } from 'vue'
import App from './App.vue'
import …
Run Code Online (Sandbox Code Playgroud)

vue.js vue-router vuejs3 vue-router4 vite

7
推荐指数
2
解决办法
5460
查看次数

Firebase错误。请确保您正确拼写了Firebase的名称(还原项目后)

当我尝试删除并还原项目后在Firebase中设置我的实时数据库时,出现此错误:

在此处输入图片说明

有人知道为什么以及如何解决它吗?:-)

firebase firebase-realtime-database

6
推荐指数
1
解决办法
1758
查看次数

v-dialog 上的内容类不显示自己的样式

我有一个带有内容类的简单对话框。

<v-dialog content-class="foo" v-model="showDialogForProduct">
Run Code Online (Sandbox Code Playgroud)

如果我做了一些样式或想要更改一些默认对话框样式,它不会显示。在我的 CSS 中我有:

.foo {
  border-radius: 30px;
}
Run Code Online (Sandbox Code Playgroud)

或者,如果我想更改一些现有的对话框 CSS:

.foo .v-dialog{
  margin: 0px;
}

.foo .v-dialog:not(.v-dialog--fullscreen) {
  max-height: 100%;
}
Run Code Online (Sandbox Code Playgroud)

有没有办法改变样式或者内容类有问题?

vue.js vuetify.js

2
推荐指数
1
解决办法
4365
查看次数

选择制表符时重新渲染组件

我正在从反应导航中使用TabNavigator来浏览3个组件。我的TabNavigator组件如下所示:

import routeOnMap from '../screens/routsOnMap.js';
import meditatinWalk from '../screens/meditationWalk.js';
import newWordToWalkOn from '../screens/newWordToWalkOn.js';
import * as firebase from 'firebase';

import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View,
  Button
} from 'react-native';

import {
  StackNavigator,
  NavigationActions,
  TabNavigator,
  TabBarBottom,
} from 'react-navigation';

import Ionicons from 'react-native-vector-icons/Ionicons';

export default TabNavigator(
{
  MeditatinWalk: { screen: meditatinWalk },
  NewWordToWalkOn: { screen: newWordToWalkOn },
  RouteOnMap: { screen: routeOnMap },

},
{
  navigationOptions: ({ navigation }) => ({
    tabBarIcon: ({ focused, tintColor …
Run Code Online (Sandbox Code Playgroud)

tabnavigator reactjs react-native react-native-tabnavigator

0
推荐指数
1
解决办法
777
查看次数