app.config.globalProperties - 无法读取未定义的属性“globalProperties”答案

【问题标题】：app.config.globalProperties - Cannot read property 'globalProperties' of undefinedapp.config.globalProperties - 无法读取未定义的属性“globalProperties”
【发布时间】：2021-06-25 22:58:52
【问题描述】：

我正在尝试在Vue3 中注册全局过滤器，但它会引发此错误：

main.js?56d7:13 Uncaught TypeError: Cannot read property 'globalProperties' of undefined

根据Use filter in Vue3 but can't read globalProperties，它应该可以工作。

import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import "./assets/tailwind.css";
import axiosSetUp from "@/auth/axiosSetUp";
import {formatIsoDateTime as utils_formatIsoDateTime} from "@/utils";

axiosSetUp()
const app = createApp(App).use(store).use(router).mount("#app");


app.config.globalProperties.$filters = {
    formatIsoDateTime(isoString) {
        return utils_formatIsoDateTime(isoString)
    }
}

你知道问题出在哪里吗？

【问题讨论】：

我只是在回答 Docker 问题！本质上，您遇到了 SQL 注入情况，因为 (、! 和 ) 在 ODBC 连接字符串中具有特殊含义。
@PanagiotisKanavos 哦，谢谢。我使用了 SQLAlchemy，它工作正常，所以我删除了它，但我找不到 URL，所以我无法取消删除它。

标签： javascript vue.js vuejs3

【解决方案1】：

您应该将根实例与根组件分开：

const app = createApp(App).use(store).use(router);

//use the root instance to add your config
app.config.globalProperties.$filters = {
    formatIsoDateTime(isoString) {
        return utils_formatIsoDateTime(isoString)
    }
}
// then you could mount it 
app.mount("#app")

【讨论】：