Блог

Я следил за всем из примеров nextjs и не могу найти ничего неправильного…

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

Исправлено выше

/ Текущая проблема /

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

Страница сейчас отображается, но ни один из SCSS не развертывается, и мой 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";
  

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

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

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

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

В документации, похоже, показан немного другой синтаксис для добавления поддержки 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
})