我刚开始在 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) 我有一个带有内容类的简单对话框。
<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)
有没有办法改变样式或者内容类有问题?
我正在从反应导航中使用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) vue.js ×2
firebase ×1
react-native ×1
reactjs ×1
tabnavigator ×1
vite ×1
vue-router ×1
vue-router4 ×1
vuejs3 ×1
vuetify.js ×1