Next-Sass无法编译？

Question

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

Error given by nextjs dev server

以上-已修复

/当前问题/

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

页面现在正在呈现，但是没有部署任何SCSS并且我的索引。TSX正在抛出

  

'boot'被声明，但是它的值永远不会被读取。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

问题是您如何导出多个模块，请尝试

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

并对其余部分执行import "../styles/theme_common.scss";

Answer 2

文档似乎显示出与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
})