小编Tae*_*Pak的帖子

如何在 Next Js 上使用 Sass 和 Css

我一直在尝试在 next.config.js 中使用 sass 和 css 模块,但不断遇到此错误:

Failed to compile.

./node_modules/@riskalyze/react-ui/node_modules/@riskalyze/calendar/assets/index.css
Unknown word (1:1)

> 1 | var api = require("!../../../../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js");
    | ^
  2 |             var content = require("!!../../../../../../css-loader/index.js!./index.css");
  3 | 
  4 |             content = content.__esModule ? content.default : content;
Run Code Online (Sandbox Code Playgroud)

在 github 和 stackoverflow 上阅读之后,这听起来像是因为我的 next.config.js 中有两个 css 模块配置实例,但我不确定如何将其减少到一个,同时仍然保持此逻辑不变:

      config.module.rules.push({
        test: /\.css$/,
        use: [{ loader: 'style-loader' }, { loader: 'css-loader' }],
      });
Run Code Online (Sandbox Code Playgroud)

下面是我完整的 next.config.js

const path = require('path');
const withSass = require('@zeit/next-sass');
const withCSS = require('@zeit/next-css');

const aliasPathsToResolve = [ …
Run Code Online (Sandbox Code Playgroud)

css sass css-loader next.js

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

css-loader ×1

next.js ×1

sass ×1