无法在Next.js中使用全局scss，消息全局CSS无法从自定义[duplicate]以外的文件导入< App>

6gpjuf90 于 2022-11-05 发布在其他

关注(0)|答案(2)|浏览(382)

此问题在此处已有答案：

Next.js Global CSS cannot be imported from files other than your Custom （11个答案）
13天前关闭。
我已经在我的next.js应用程序中安装了node-sass，并试图用import '../styles/style. scss'导入我的全局scss文件;在_app.js组件中，但我收到此错误：

Global CSS cannot be imported from files other than your Custom <App>. Please move all global CSS imports to pages\_app.js. Or convert the import to Component-Level CSS (CSS Modules).
Read more: https://nextjs.org/docs/messages/css-global
Location: pages\index.js

我没有next.config.js文件。
有人能帮忙吗？

next.js

来源：https://stackoverflow.com/questions/66997428/cannot-use-global-scss-in-next-js-message-global-css-cannot-be-imported-from-f

2条答案

按热度按时间

ssm49v7z1#

错误信息非常清楚，全局样式必须导入到_app.js中
用公文试试看https://nextjs.org/docs/basic-features/built-in-css-support

赞(0）回复(0）举报 2022-11-05

h43kikqp2#

https://stackoverflow.com/a/73903470/1334703
https://www.npmjs.com/package/next-remove-imports
这是一个nextjs的插件。默认行为是从node_modules中的所有包中删除所有.less/.css/.scss/.sass/.styl导入。

// next.config.js
const removeImports = require('next-remove-imports')({
  test: /node_modules([\s\S]*?)\.(tsx|ts|js|mjs|jsx)$/,
  matchImports: "\\.(less|css|scss|sass|styl)$"
});

module.exports = removeImports({
  webpack(config, options) {
    return config
  },
});

赞(0）回复(0）举报 2022-11-05

我来回答

无法在Next.js中使用全局scss，消息全局CSS无法从自定义[duplicate]以外的文件导入< App>

2条答案

相关问题

热门标签

最新问答