0 
<template>
    <div class="d-flex align-items-center justify-content-center container">
        <div class="App">
            <div class="w-100 app__container">
                <div class="text-center card" style="width: 50rem;">
                    <nav class="navbar navbar-expand navbar-light bg-light">
                        <a href="#home" class="navbar-brand">Profile</a>
                    </nav>
                    <div class="card-body">
                        <div class="card-title h5">User</div>
                        <p class="card-text"><b>Email:</b> {{email}}</p>

                        <template v-if="email">
                            <button type="button" class="btn btn-primary">Update Info</button>
                        </template>
                        
                    </div>
                    <div class="card-body">
                        <button @click="addButton"  type="button" class="btn btn-primary">Add Nav Count</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    // import HelloWorld from './components/HelloWorld.vue'
    import { auth$ } from "@org/auth";
    export default {
        name: 'App',
        components: {
        },
        data: () => ({
            email: '',
        }),
         
        mounted() {
            this.sub = auth$.subscribe(username => {
                if (username) {
                    // add username/mail to local state if not empty
                    this.email = (username);
                } else {
                    // clear mail
                    this.messages = '';
                }
            });
        },
        beforeUnmount () {
            // unsubscribe to ensure no memory leaks
            //this.sub.unsubscribe();
        },
    }
</script>

我基本上是在使用 single-spa 的不同框架中构建不同的应用程序，并使用 rxjs 将 auth 用于共享状态。

这是我在 Vue js 中的代码。我基本上是在导入 auth BehaviorSubject/Observables (exjs) 并订阅它。rxjs 在另一个应用程序中单独运行。目前，未找到模块'@org/auth'的给出和错误。同样的方法适用于 react project 。

我需要有 webpack 才能导入吗？

需要帮忙

4

0 回答 0