这是在nextjs中处理sass的问题

文章/答案/技术大牛

发布

1回答

reactjs、sass、next.js、scss-mixins

编译失败： ./node_modules/bootstrap/scss/bootstrap.scss 8:0You may need an appropriate loader to handle this file type.| | @import "variables"; | @import "mixins";

浏览 23提问于2019-07-02得票数 1

1回答

如何配置nextjs typescript以使用sass和nextjs字体

css、typescript、sass

我正在尝试配置下一个js typescript应用程序来使用sass和下一个js字体，我有下面的this artical 如果没有字体，模块样式将正常工作这是我没有字体的next.config.jsconst withSass = require('@zeit/next-sass') cssModules: t

浏览 24提问于2020-12-28得票数 0

回答已采纳

1回答

在NextJs中，怎样才是正确的方法？

reactjs、webpack、sass、next.js、mini-css-extract-plugin

当我在NextJs中使用Sass文件时，我从mini-css-extract-plugin获得“mini-css-extract-plugin”警告。这种冲突总是把我在build上的风格搞砸了。您可以在以下链接中看到描述的错误：这是一篇针对这个问题的解决方案的文章，但它讨论的是只为一页排序Sass文件。当有多页的时候，我不知道怎么点。我如何<

浏览 3提问于2020-12-10得票数 0

回答已采纳

1回答

Next.js Tailwindcss编译问题

javascript、sass、next.js、frontend、tailwind-css

我通常使用尾风的@layer components来添加自定义的css代码./node_modules/next/dist 错误/compiled/sass-loader/cjs.js??ruleSet1.rules2.oneOf9.use4!.╷12│@apply文本-白色w-屏幕#-{重要}h-屏幕#-{重要}字体-“-apple-system”，"p

浏览 11提问于2022-07-09得票数 0

1回答

无法在NextJs + Storybook中提供静态文件

typescript、webpack、next.js、storybook

在public目录下添加图像文件路径的nextjs docs (https://nextjs.org/docs/basic-features/static-file-serving)状态。我有一个组件，它渲染一个图像组件，文件在我的nextjs项目中正确渲染，但不能在故事书中渲染。图像文件当前位于public/images/中 const renderImage = () =>

浏览 9提问于2020-09-23得票数 4

1回答

FOUC:没有任何样式的初始页面加载

javascript、reactjs、sass、next.js、fouc

我试图通过为Nextjs应用程序在.scss中导入_app.js文件来应用全局样式。以下是上述问题的基本版本：pages/ index.jspackage.jsonexport default9.4.5-canary.31", // using canary bu

浏览 9提问于2020-07-10得票数 4

1回答

如何将引导变量导入SASS模块？

reactjs、sass、next.js、bootstrap-5、css-modules

在SASS模块中有使用引导SASS变量的方法吗？.hero{}@import '~bootstrap/scss/bootstrap.scss'; 我得到了这个错误(来自NextJS<

浏览 2提问于2021-07-28得票数 0

回答已采纳

2回答

NextJS组件级SASS造型

node.js、reactjs、webpack、sass、next.js

我正在开发一个简单的NextJS应用程序，但我在使用SASS/SCSS进行组件级样式设计时遇到了问题。/package.json "@zeit/next-css": "1.0.1", "autoprefixer": "

浏览 0提问于2020-03-19得票数 4

回答已采纳

2回答

在CSS中，没有值的‘！重要’意味着什么？

css、webpack、next.js

形势：.checkbox.checkbox-accent > span {}yarn run v1.22.4info - Creating但是，当我在CSS中的

浏览 1提问于2021-02-14得票数 2

回答已采纳

2回答

如何使用nextjs和sass导出到静态网站？

sass、webpack-4、next.js

最近，我开始学习nextjs/react，在尝试将我的应用程序导出到一个静态站点时，我被困在官方网站上的教程中：模块解析失败:意外令牌(1:0)您可能需要一个适当的加载程序来处理此文件类型。我已经检查了我的代码结构和设置，并没有发现哪里出了问题。看起来这个错误与sass加载程序有关吗？任

浏览 0提问于2018-10-11得票数 0

回答已采纳

1回答

SCSS文件编译结果未添加到自定义_document js文件中。NEXTJS

next.js

当我尝试在自定义的'_document.js‘文件中使用scss时，我遇到了一个问题。编译后的结果不会作为样式表链接添加。这是'_document.js‘文件 import Document, { Main, NextScript } from 'next/document' </body> <&#

浏览 25提问于2020-04-26得票数 0

4回答

导入css和sass文件nextjs* 7*

reactjs、webpack-4、next.js

我希望能够在项目中的任何文件中导入这两种类型的文件。import 'styles/index.scss';重要的是要注意使用Nextjs 7和webpack 4(附带nextjs7)的im 在Nextjs 6中，我们曾经在next.config.js中使用

浏览 2提问于2018-11-14得票数 5

回答已采纳

11回答

Next.js全局CSS不能从自定义<App>以外的文件中导入

css、reactjs、import、sass、next.js

我的React运行良好，同时也使用了全球CSS。你认为这与npm的安装有关吗？我的最高层组件。 const withSass = require('@zeit/next-sass') module.exports

浏览 9提问于2020-03-31得票数 45

回答已采纳

1回答

nextJS/webpack:如何处理带有字体的SASS文件

javascript、webpack、nextjs

我正在尝试配置我的nextJS应用程序的webpack来处理一些SASS文件，如下所示： font-family: 'Marcellus'module.exports = { config.module = {rules: [ { test: /(\.

浏览 2提问于2017-10-24得票数 0

1回答

如何在next-js中正确导入scss文件？

reactjs、typescript、next.js

我有一个nextJS项目，在这个项目中，我使用sass和类型记录。它都在开发环境中工作，但是当我尝试制作我的项目的构建版本时，它会给我带来这个错误。const config = { cssModules: false, images: { domains: [

浏览 1提问于2021-02-04得票数 0

回答已采纳

2回答

NextJS无法使用SASS和CSS库

javascript、reactjs、webpack、next.js

我试图在我的NextJS项目中添加wix风格的响应插件，但我无法构建。在他们的中，他们说他们使用手写、SASS和CSS。在安装和构建插件时，会出现以下错误：在我的</

浏览 10提问于2019-12-08得票数 2

1回答

修复nextjs组件级别scss问题

javascript、css、reactjs、sass、next.js

我正在将普通的react应用程序转换到下一个js，之前，我只是使用以下命令导入scss文件 import from '.componentName.scss' 但现在我必须使用以下命令导入 importstyle from 'componentName.module.scss 因此，我必须改变很多代码，因为这是以前完成的项目，有没有办法配置nexjs，允许像以前一样导入scss

浏览 29提问于2021-08-03得票数 0

2回答

NextJs Google字体问题-只显示一种字体

css、reactjs、sass、next.js、sanity

我正在连接Google字体链接到我的NextJs应用程序的_app.js文件中的HEAD部分。该链接包含两种字体。然而，当我提到模块的sass文件中的字体家族时，它们似乎不起作用我该怎

浏览 11提问于2021-03-12得票数 1

回答已采纳

1回答

NextJS & Bulma SASS不更新变量

sass、next.js、bulma

我似乎无法让Bulma正确地导入NextJS，并允许我在导入任何实用程序时修改变量。不过，我肯定我做错了什么。以下是我在我的globals.sass中拥有的内容：$info: $sand 因此，使用这段代码，就不

浏览 5提问于2021-03-06得票数 2

回答已采纳

1回答

让nextjs生成scss.d.ts文件

typescript、sass、next.js

我正在处理的一个项目需要为生成的scss输出.d.ts文件。这不是手动的，而是我在Storybook中设置的，这样css-modules-typescript-loader就可以自动生成这些文件。我试图让同样的事情在nextjs中工作，但它似乎不愿意让我这样做。(这会导致问题)，我不需要它来做任何事情，我只需要d.ts文件。这在nextjs中是可

浏览 66提问于2021-03-24得票数 1

点击加载更多