我正在使用 Nextjs 13 和实验性 App Dir，但不确定我面临的这个问题是否与我面临的问题有关。我的“常见问题解答”主页中有一个 ID，当我单击该链接时，我可以看到它成功转到该链接，但在浏览器中没有执行任何操作。如果我在另一个页面上，我单击该链接，它会将我带到具有正确 url 的主页，但仍停留在页面顶部，并且不会滚动到指示的 id。scroll={false}我确实按照文档中的建议实现了，但这没有什么区别。
这是相关代码部分的片段：
"use client"
import React, { useState } from "react"
import { useRouter } from "next/navigation"
import Link from "next/link"
const Navigation = () => {
const router = useRouter()
...
在回报中：
<Link scroll={false} href="/#faqs">FAQS</Link>
我什至尝试过：
<button type="button" onClick={() => router.push("/#faqs")}>FAQS</button>
在 React 中，哈希工作得相当好，但在下一个 js 中，即使仅在客户端渲染中，它看起来也很复杂。如果有人知道我做错了什么或者是否有可行的解决办法，我一定会很感激。先感谢您。如果我遗漏了什么，请告诉我。
我正在使用带有 Vue 和 Axios 的 Laravel 7，我遇到了这个错误，但似乎无法找出为什么我会得到它。我在我的 Laravel 应用程序中为联系人使用 api 路由，没有控制器和一个联系人模型。我有一个名为 Contacts.vue 的 vue 组件。第一次尝试获取数据时，我遇到了 500 内部服务器错误，当我尝试访问有问题的路由 api/contacts 时，我遇到了以下错误：
Argument 1 passed to Symfony\Component\HttpFoundation\Response::setContent() must be of the type string or null, object given, called in C:\laragon\www\contactstore\vendor\laravel\framework\src\Illuminate\Http\Response.php on line 65
对我来说，作为 Laravel 的新手，我不知道如何追查问题。除非与我尝试使用它的方式相比 axios 发生了变化，否则我没有丝毫线索。因此，任何帮助将不胜感激。谢谢你。
这是 Contact.vue
<template>
<div>
<h1>Contacts</h1>
<form
action="#"
@submit.prevent="edit ? updateContact(contact.id) : createContact()"
>
<div class="form-group">
<label for="">Name</label>
<input
v-model="contact.name"
type="text"
name="name"
class="form-control"
placeholder="Enter Contact Name"
/>
</div>
<div class="form-group">
<label for="">Email</label>
<input
v-model="contact.email"
type="email"
name="email" …我在构建后渲染 VueJS 应用程序时遇到问题。当我查看构建文件夹并检查路径时，我的资产、css 和 javascript 的路径开头有一个正斜杠。这使得我的 css、资源和 javascript 无法找到。我想知道在运行构建脚本之前如何避免这个问题。谢谢。这是我的代码：
应用程序.vue
<template>
<div id="app">
<BaseTimer />
<!-- <PomodoroTimer /> -->
</div>
</template>
<script>
import BaseTimer from "./components/BaseTimer";
// import PomodoroTimer from "./components/PomodoroTimer";
export default {
name: "App",
components: {
BaseTimer
// PomodoroTimer
}
};
</script>
<style>
body {
background-color: #fff;
}
#app {
font-family: "Avenir", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
</style>
BaseTimer.vue（在组件文件夹内 …
我的 React Web 应用程序遇到问题，因为它找不到我的图像文件夹。我的组件文件夹内的导航文件夹中有一个导航栏组件。在组件文件夹之外是资产文件夹，其中包含我的 img 文件夹。
像这样：
src/
assets/
img/
logo.png
components/
nav/
Navbar.js
src/
assets/
img/
logo.png
components/
nav/
Navbar.js
这是我的 Navbar.js 组件：
import React, { Component } from 'react';
import Logo from './assets/img/logo.png';
class CustomNavbar extends Component {
render() {
return(
<nav className="navbar navbar-expand-md navbar-dark transparent-nav-custom fixed-top" id="navbar"><a className="navbar-brand" href="/"><img className="pb-2 logo-image" src={Logo} alt="Lionsfield brand Logo" /></a>
<button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"><span className="navbar-toggler-icon"></span></button>
<div className="collapse navbar-collapse" id="navbarsExampleDefault">
<ul className="navbar-nav ml-auto">
<li className="nav-item"><a className="text-center nav-link" …