小编mo3*_*o3n的帖子

为什么 margin top 在 Tailwind CSS 中不起作用?

我正在尝试提高利润率mt-10first但它不起作用。然而,如果我将这个表达式表述为mx-10- 它就起作用了。

<div className="font-bold text-white">
  <a id='first' className="mt-10">Explore</a>
  <a id='second' className="mx-4">Collections</a>
  <a id='third' className="mx-4">Profiles</a>
</div>
Run Code Online (Sandbox Code Playgroud)

css reactjs tailwind-css

8
推荐指数
1
解决办法
1万
查看次数

如何在 Nuxt 3 中使用 vitest 编写组件单元测试?

我正在尝试从 Vue 3 迁移到Nuxt 3。我已经使用 vitest 为我的组件编写了单元测试,这些测试在我的Vue应用程序中运行良好,但是 Nuxt 应用程序中的相同测试给出了以下错误:

错误:无法解析源以进行导入分析,因为内容包含无效的 JS 语法。
安装 @vitejs/plugin-vue 来处理 .vue 文件。

我已@vitejs/plugin-vue作为开发依赖项安装,但什么也没发生。

这是我的测试文件的示例:

import { describe, it, expect } from "vitest";

import { mount } from "@vue/test-utils";
import AtomsButton from "./AtomsButton.vue";

describe("AtomsButton", () => {
  it("button renders properly", () => {
    const wrapper = mount(AtomsButton, { slots: { default: "Button" } });
    expect(wrapper.html()).toContain("Button");
  });
});
Run Code Online (Sandbox Code Playgroud)

这是我的package.json文件:

{
  "private": true,
  "scripts": {
    "build": "nuxt build",
    "dev": …
Run Code Online (Sandbox Code Playgroud)

unit-testing vue.js nuxt.js nuxtjs3 vitest

7
推荐指数
1
解决办法
8372
查看次数

使用 nuxt.js 组件自动导入是否会降低性能?

我在我的项目中使用 Nuxt.js v2。现在,我通过在文件中设置启用了nuxt.js 自动导入组件。我想知道使用组件自动导入是否会对我的网站在生产中的性能产生负面影响? 我应该像在 vue.js 中那样手动导入组件吗?components: truenuxt.config.js

vue.js vuejs2 nuxt.js

4
推荐指数
1
解决办法
1674
查看次数

标签 统计

nuxt.js ×2

vue.js ×2

css ×1

nuxtjs3 ×1

reactjs ×1

tailwind-css ×1

unit-testing ×1

vitest ×1

vuejs2 ×1