![](/img/trans.png)
[英]You may need an appropriate loader to handle this file type error occurs in ReactJS file
[英]Next.js with Sass occurs on error saying “ You may need an appropriate loader to handle this file type error”
我試圖幾次連接next.js和scss,但是它不起作用。
我以為我設置了一切,用scss編譯我的文件。
錯誤說
/scss/style.scss 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
> .example {
| color: blue;
| }
這是代碼:
next.config.js
const withSass = require("@zeit/next-sass");
module.exports = withSass();
_document.js
import Document, { Head, Main, NextScript } from "next/document";
export default class extends Document {
render() {
return (
<html>
<Head>
<link rel="stylesheet" href="/_next/static/style.css" />
<Head />
<body>
<Main />
<div id="modal" />
<NextScript />
</body>
</html>
);
}
}
index.js
import "../scss/style.scss";
import axios from "axios";
const Index = props => {
return (
<div>
<div className="example">hello</div>
<header>
<Header />
</header>
<section>
<Body stores={props.data} />
</section>
<footer>
<Footer />
</footer>
</div>
);
};
SCSS文件夾中的style.scss
.example {
color: blue;
}
嘗試添加import "../scss/style.scss";
到_document.js
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.