Reactjs 下一个Sass不编译?

Reactjs 下一个Sass不编译?,reactjs,typescript,sass,next,next.js,Reactjs,Typescript,Sass,Next,Next.js,我遵循了nextjs的例子中的所有内容,我没有发现任何错误 以上-固定的 /Current Issue/ 它就像nextsass在处理.scss文件时没有被使用一样,我不知道发生了什么。如果我从我的SCSS文件中删除导入,则会对文件中的所有其他内容引发相同的错误 现在正在呈现页面,但没有部署任何SCS,并且my index.TSX正在抛出 已声明“boot”,但从未读取其值。ts(6133) Next.config.js const withTypescript = require("@ze

我遵循了nextjs的例子中的所有内容,我没有发现任何错误

以上-固定的

/Current Issue/

它就像nextsass在处理.scss文件时没有被使用一样,我不知道发生了什么。如果我从我的SCSS文件中删除导入,则会对文件中的所有其他内容引发相同的错误

现在正在呈现页面,但没有部署任何SCS,并且my index.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";

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

文档似乎显示了一种稍微不同的语法,用于将SASS支持添加到CSS中


问题是如何导出多个模块。请尝试以下操作

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

并导入“./style/theme\u common.scss”其余部分也一样

我已经试过了,但出于某种原因,它现在可以工作了?我甚至没有改变任何东西…真奇怪…@Stryxus在你没有重新启动服务器之前我重新启动了服务器,但现在我遇到了另一个问题。没有任何SCS仍在编译,并且TSX文件在导入时出错,表示它可以找不到模块。@Stryxus,出于兴趣,css支持是强制性的吗?根据您提供的,我没有看到任何css文件正在加载。哦,是的,已经删除了,它正在测试通过URL导入引导。我现在更新它。请尝试导入。./node\u modules/bootstrap/scss/bootstrap.scss”这也是我第一次看到这种导出模块的方式。你在哪里见过它?我想从@evgenifotia那里知道。哦,我尝试过用另一种方式导入它,但这只会让我回到最初的问题。
const withTypescript = require("@zeit/next-typescript");
const withSass = require('@zeit/next-sass')
module.exports = withTypescript(withSass({
    cssModules: true
}))