小编lej*_*bah的帖子

基本上,我想在路由器视图中保留2个组件并且它可以工作,但是,我不知道我是否正确地执行它.

 <keep-alive include="users, data">
    <router-view></router-view>
 </keep-alive>

用户和数据是路由名称.这是正确的方法吗？保持活着有什么缺点吗？

我正在从sequelizeORM迁移到typeORM。在sequelize-cli 中，有一些很好的命令可以删除数据库并创建一个新数据库，例如：

node_modules/.bin/sequelize db:drop
node_modules/.bin/sequelize db:create
node_modules/.bin/sequelize db:migrate

好的，对于 typeORM，我知道如何运行迁移，但我无法在任何地方找到如何自动创建或删除数据库。提前Tnx。

根据来自官方 NextJS 文档的这些信息，他们建议使用 getServerSidedProps 和 getStaticProps 而不是 getInitialProps。

我想在服务器上预加载一些数据到 Redux 状态。

注意：我使用@redux/toolkit 包

所以我有基本的商店设置：

import reducer from './reducer' // this is just a combineReducers ...
export const store = configureStore({ reducer });

我的自定义 _app.js

import { store } from '../store'

<Provider store={store}>
    <Component {...pageProps} />
</Provider>

现在这是我面临的问题

在 index.js 文件中，我有这样的东西

import { store } from '../store'
...
export const getServerSideProps = async (ctx) => {
    const data = await fetchSomeData();
    // here I add some data to …

我在文档中找不到这个。只有有关在全球范围内注册的信息app

是否可以使用 注册自定义范围指令<script setup>？

如果我使用常规脚本，我会得到如下内容：

<script>
import { defineComponent } from 'vue'
import { customDirective } from './customDirective';

export default defineComponent({
  directives: { customDirective }
})
</script>

现在<script setup>：

<script setup>
// how to register this
import { customDirective } from './customDirective';
</script>

如果我这样保留它，我会在控制台中收到错误

Failed to resolve directive

任何帮助表示赞赏

目前页面如下所示：

现在调整到移动屏幕弹性框会溢出容器：

网址：

       <div id="bars" class="d-flex flex-row text-white  text-center">
            <div class="port-item p-4 bg-primary" data-toggle="collapse" data-target="#home">
                <i class="fa fa-home d-block"></i> Home
            </div>
            <div class="port-item p-4 bg-success" data-toggle="collapse" data-target="#resume">
                 <i class="fa fa-graduation-cap d-block"></i> Resume
            </div>
            <div class="port-item p-4 bg-warning" data-toggle="collapse" data-target="#work">
                 <i class="fa fa-folder-open d-block"></i> Work
            </div>
            <div class="port-item p-4 bg-danger" data-toggle="collapse" data-target="#contact">
            <i class="fa fa-envelope d-block"></i> Contact
            </div>
            </div>

CSS，我尝试使用媒体但没有改变

.port-item {
width: 30%;
}

@media(min-width: 768px) {
  #bars {
    flex-direction: column;
  }
}

如何使它们适合容器或使它们显示在列上

我正在使用 gulp 复制创建的构建包：

gulp.task('fill-deploy-target', ['init-deploy-target'], () =>
gulp.src(['server*/**/*', 'node_modules*/**/*', 'package.json', 'package-lock.json',
    'ecosystem.config.js', 'gulpfile.js', '.sequelizerc'], { dot: true })
    .pipe(gulp.dest(`${deployTargetDir}/app_install/app/package`)));

在 node_modules 中有一个文件夹 .bin 导致了问题。.bin 文件夹中的所有文件都被复制，但是当我尝试运行 build cross-env 时，出现了此错误。当我将 .bin 文件夹手动复制到服务器时，没有错误认为它是具有相同文件的同一文件夹。可能是什么问题呢？

我正在尝试使用 Joi 验证一些数据。但是，当提供的值无效时，我想使用默认值。我当前的验证如下所示：

field: Joi.string()
    .optional()
    .valid('a', 'b', 'c', 'd')
    .default('a', { invalid: true }),

因此，当我得到例如y时，会发生验证错误并且不使用默认值。任何帮助都是appriced