小编Chr*_*nor的帖子

我有一个 next.js 应用程序，它使用 DaisyUI，它是一个基于 tailwind 的 css 组件库。问题是我无法让任何 DaisyUI 导航栏在整个网页上水平延伸。导航栏组件垂直堆积在页面左侧。
\n

这就是它应该看起来的样子
\n

因此，我将 DaisyUI 示例中的 JSX 代码复制到我的 next.js 应用程序的布局中，但正如您从第一张图片中看到的那样，它不起作用。

这是我的应用程序中的相关代码：“_app.tsx”

import \'../styles/globals.css\'\nimport type { AppProps } from \'next/app\'\nimport Layout from \'../components/Layout\'\n\nfunction MyApp({ Component, pageProps }: AppProps) {\n  return (\n    <Layout>\n      <Component {...pageProps} />\n    </Layout>\n  )\n}\n\nexport default MyApp\n

“索引.tsx”

import type { NextPage } from \'next\'\nimport { useState } from \'react\'\nimport styles from \'../styles/Home.module.css\'\n\nconst Home: NextPage = () => {\n  return (\n    <div className="hero …

我正在尝试构建此应用程序https://github.com/dwgebler/node-express-example。我想用它作为制作 Mongodb http Express 服务器的模板。我尝试在此存储库中构建 docker compose 文件，如下所示（稍作修改）：

version: "3.8"
services:
  database:
    image: mongo
    container_name: mongo-database
    restart: always
    volumes:
      - "mongodata:/data/db"
    ports:
      - "27017:27017"
    environment:
      MONGO_INITDB_ROOT_USERNAME: root
      MONGO_INITDB_ROOT_PASSWORD: example
  mongo-express:    
    image: mongo-express
    container_name: mongo-express
    restart: always
    ports:
      - "8081:8081"
    environment:
      ME_CONFIG_MONGODB_ADMINUSERNAME: root
      ME_CONFIG_MONGODB_ADMINPASSWORD: example
      ME_CONFIG_MONGODB_SERVER: mongo-database
  web:
    image: node:16-alpine
    container_name: node-server
    restart: always
    user: "node"
    ports:
      - "9443:443"
    volumes:
      - "./app:/var/app/"
    working_dir: "/var/app"
    environment:
      NODE_ENV: dev
      DB_USER: root
      DB_PASSWORD: example
      DB_NAME: mongo-database
    command: "./wait.sh mongo-database 27017 'npm start'" …