Next-Sass не компилируется? - PullRequest
0 голосов
/ 16 марта 2019

Я следовал всему из примеров nextjs, и не могу найти что-то не так ...

Ошибка, выданная сервером nextjs dev

Вверху - ИСПРАВЛЕНО

/ Текущий выпуск /

Подобный next-sass не используется, когда он проходит через файл .scss,Я не уверен, что происходит.Если я удаляю импорт из моего файла SCSS, такая же ошибка выдается для всего остального в этом файле.

Страница обрабатывается сейчас, но ни один из SCSS не развертывается, и мой index.TSX сейчасthrowing

'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";

Если кто-нибудь может помочь мне решить эту проблему, это остановит разработку: (

Ответы [ 2 ]

2 голосов
/ 17 марта 2019

Проблема в том, как вы экспортируете несколько модулей, попробуйте это

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

и выполните import "../styles/theme_common.scss"; то же самое для остальных

0 голосов
/ 16 марта 2019

Документация показывает немного другой синтаксис для добавления поддержки SASS с CSS.

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
})
...