我正在使用 FileName.module.scss 来设计我的反应元素,如下所示:
// this is my component
import React from "react";
import Aux from '../../hoc/Aux';
import classes from './Layout.module.scss';
const layout = (props) => (
<Aux>
<div>Toolbar, SideDrawer, Backdrop</div>
<main className={classes.Content}>
{props.children}
</main>
</Aux>
);
export default layout;
Run Code Online (Sandbox Code Playgroud)
这是我的 SCSS:
.Content {
margin-top: 72px;
color:red;
}
Run Code Online (Sandbox Code Playgroud)
我不知道为什么,但 scss 没有应用于我的主要元素,有什么想法吗?谢谢你!
以下是我的next.config.js:
// next.config.js
module.exports = {
async rewrites() {
return [
{
source: '/results',
destination: 'https://mywebsite.com/results',
},
];
},
};
Run Code Online (Sandbox Code Playgroud)
根据 Nextjs 重写文档(https://nextjs.org/docs/api-reference/next.config.js/rewrites#rewriting-to-an-external-url),访问 https://nextjswebsite.com/results,页面内容应使用https://mywebsite.com/results的内容重写。
然而,我最终得到“本地主机重定向你太多次”。
有什么想法导致错误吗?