Next-Sass 没有编译？

Question

我已经遵循了 nextjs 示例中的所有内容，我找不到任何错误...

Error given by nextjs dev server

以上 - 已修复

/ 当前问题 /

它就像 next-sass 在通过 .scss 文件时没有被使用，我不确定发生了什么。如果我从我的 SCSS 文件中删除导入，文件中的所有其他内容都会抛出相同的错误。

页面正在呈现，但是 none 的 SCSS 正在部署，我的 index.TSX 现在正在抛出

'boot' is declared but its value is never read.ts(6133)

Next.config.js

const withTypescript = require("@zeit/next-typescript");
const withSass = require("@zeit/next-sass");

module.exports = withTypescript(), withSass();

index.tsx

import * as React from "react";
import * as ReactDOM from "react-dom";
import _ from "lodash";

import boot from "../node_modules/bootstrap/scss/bootstrap.scss"
import the from "../styles/theme_common.scss";
import MasterLayout from "../components/masterLayout.container";

如果有人能帮我解决这个问题，这已经停止了开发:(

Answer 1

文档似乎显示了使用 CSS 添加 SASS 支持的语法略有不同。

https://github.com/zeit/next-plugins/tree/master/packages/next-sass#with-css-modules

// next.config.js
const withSass = require('@zeit/next-sass')
module.exports = withSass({
    cssModules: true
})

Answer 2

问题是您如何导出多个模块试试这个

const withTypescript = require("@zeit/next-typescript");
const withSass = require('@zeit/next-sass')
module.exports = withTypescript(withSass({
    cssModules: true
}))

其余的import "../styles/theme_common.scss";也一样

Next-Sass 没有编译？

Next-Sass not compiling?

sass

typescript

reactjs

next.js