小编H N*_*san的帖子

当我使用 Create React App 创建 React 应用程序时，默认情况下包含 ESLint。这就是为什么我们不想手动集成 ESLint。但是，当我使用Vite创建 React 应用程序时，不存在任何类型的 linting，如ESLint或JSLint。

如何在Vite+React项目中安装ESLint？

A11y：具有 on:click 事件的可见非交互式元素必须伴随 on:keydown、on:keyup 或 on:keypress event.svelte (a11y-click-events-have-key-events)

这个错误是什么意思 ？我在 sveltekit 中得到的太多了。当我想添加事件侦听器时，请单击此警告显示给我。即使事件处理程序也不为空。在我的代码下面。

<div
    class="select-options max-h-0 transition-all duration-300 bg-slate-100"
    data-target="option-selection-wrapper"
    >
    {#each options as item}
        <div class="border py-1 border-dark-300 px-3 text-sm" on:click={()=> {
            selectedItem = item
        }}>
            {@html item.name}
        </div>
    {/each}
</div>

有没有可能的方法来删除这个警告。以及为什么会显示此警告。

我已经检查了 Stack Overflow 上的许多答案，但无法解决 IntelliSense 不适用于 Tailwindcss 的问题。但 vscode Intellisense 适用于其他事物，例如 python 和 javascript。请任何人帮助我为什么这不起作用。我正在使用 Tailwindcss CLI。甚至 CSS 文件 Intellisense 也不起作用。

我的配置文件是。tailwind.config.js

module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

我也将这个设置添加到.vscode/settings.json

{
"css.validate": false,
"liveServer.settings.port": 5501,
"tailwindCSS.emmetCompletions": true,
"tailwindCSS.includeLanguages": {
  "plaintext": "html",
  "javascript":"javascript"  
},
"editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true
},
"tailwindCSS.classAttributes": [
    "class",
    "className",
    "ngClass"
]}

曾经的一件事。CSS 编译成功，但 Intellisense 不起作用。这是我的项目文件夹结构。请任何人帮助我，拜托。

我是 svelte.js 的新手。请帮我解决它

在这里，当我在 .svelte 文件中导入滑动器轮播时。它向我显示了这个错误

[rollup-plugin-svelte] 以下软件包未导出其package.json文件，因此我们无法检查“svelte”字段。如果您在从包中导入 svelte 组件时遇到困难，请联系作者并要求他们导出 package.json 文件。

终端错误的屏幕截图。请检查这个

这是我的代码文件。这是轮播滑块的另一个组件。但当我导入滑动轮播时我看到了这张图片。

<script>
    import { Swiper, SwiperSlide } from "swiper/svelte";
    import PorfolioCard from "./../components/porfolio-card.svelte";
    import SectionTitle from "./../components/sectionTitle.svelte";
    import "swiper/css";
</script>

<section id="portfolio">
    <SectionTitle title="My Portfolio" subtitle="Visit My Portfolio And Keep your feedback" />

    <div class="mt-4 px-1 px-md-3 px-lg-5">
        <Swiper>
            <SwiperSlide>
                <PorfolioCard />
            </SwiperSlide>

            <SwiperSlide>
                <PorfolioCard />
            </SwiperSlide>

            <SwiperSlide>
                <PorfolioCard />
            </SwiperSlide>

            <SwiperSlide>
                <PorfolioCard />
            </SwiperSlide>

            <SwiperSlide>
                <PorfolioCard />
            </SwiperSlide>
            
        </Swiper>
    </div>
</section>

我运行uvicorn main:app --reload来启动 FastAPI 服务器。服务器正在运行，但我在控制台上看到一条警告：

WARNING:  The --reload flag should not be used in production on Windows.

下面是我的代码：

WARNING:  The --reload flag should not be used in production on Windows.

我想知道为什么我会看到这个？该警告的原因是什么？

我使用了react-router版本6。一切正常。但有一个问题是，当我更改任何路线时，假设这是 2 条路线，另一次联系。现在我在关于页面的中间。现在，当我单击“联系路由页面”时，路由器已更改，但问题是网页仍然保留在页面中间。一般来说，当我们点击任何链接更改路线页面位置时，都会自动从顶部开始。然后我们必须滚动。但是react-router版本6有这个问题。页面不会从顶部位置开始。页面位置保留最后一页位置。

我怎么解决这个问题？请帮我。如果您不明白我的问题，请在评论部分告诉我。

路由器文件代码

import React from "react";
import { Route, Routes } from "react-router-dom";
import Navbar from "../Components/Navbar/Navbar";

const NavbarRouter = () => {
    return (
        <Routes>
            <Route path="/" element={<Navbar />}>
                <Route index element={<Home />} />
                <Route path="about" element={<About />} />
                <Route path="contact" element={<Contact />} />
            </Route>
        </Routes>
    );
};

导航栏代码

import React from 'react';
import {Outlet,Link} from "react-router-dom"


const Navbar = () => {
    return (
        <div>
            <nav className="navbar position-fixed navbar-expand-lg navbar-light bg-light">
                <div className="container-fluid">
                    <a className="navbar-brand" …