无法从“自定义”以外的文件导入Next.js Global CSS（无法从指定文件创建图片）

25-02-05 17

对于无法从“自定义”以外的文件导入Next.jsGlobalCSS感兴趣的读者，本文将会是一篇不错的选择，我们将详细介绍无法从指定文件创建图片，并为您提供关于$GLOBALS["HTTP_RAW_PO

对于无法从“自定义”以外的文件导入Next.js Global CSS感兴趣的读者，本文将会是一篇不错的选择，我们将详细介绍无法从指定文件创建图片，并为您提供关于$GLOBALS ["HTTP_RAW_POST_DATA"] 取不到值如何排除 global times jeunesseglobal global marke、Bash 的 shopt extglob （用来删除指定文件以外的文件，反向删除）、c – 读取“.txt”文件以外的文件内容、css – 为什么无法将.less文件导入到单个文件？的有用信息。

本文目录一览：

无法从“自定义”以外的文件导入Next.js Global CSS（无法从指定文件创建图片）
$GLOBALS ["HTTP_RAW_POST_DATA"] 取不到值如何排除 global times jeunesseglobal global marke
Bash 的 shopt extglob （用来删除指定文件以外的文件，反向删除）
c – 读取“.txt”文件以外的文件内容
css – 为什么无法将.less文件导入到单个文件？

无法从“自定义”以外的文件导入Next.js Global CSS（无法从指定文件创建图片）

我的React App运行良好，也使用了全局CSS。

我运行npm i next-images，添加图像，编辑了next.config.js，，ran npm run dev现在我收到了此消息

Global CSS cannot be imported from files other than your Custom <App>. Please move all global CSS imports to pages/_app.js.Read more: https://err.sh/next.js/css-global

我已经检查了文档，但是由于我是React的新手，所以我发现其中的说明有些混乱。

另外，为什么现在会发生此错误？您是否认为与npm安装有关？

我试图删除添加的新文件及其代码，但这不能解决问题。我还尝试了阅读更多内容的建议。

我的最高层组件。

import Navbar from ''./Navbar'';import Head from ''next/head'';import ''../global-styles/main.scss'';const Layout = (props) => (  <div>    <Head>      <title>Bitcoin Watcher</title>    </Head>    <Navbar />    <div className="marginsContainer">      {props.children}    </div>  </div>);export default Layout;

我的next.config.js

// next.config.js  const withSass = require(''@zeit/next-sass'')  module.exports = withSass({  cssModules: true})

我的main.scss文件

@import ''./fonts.scss'';@import ''./variables.scss'';@import ''./global.scss'';

我的global.scss

body {  margin: 0;}:global {  .marginsContainer {    width: 90%;    margin: auto;  }}

我发现最奇怪的是，此错误是在没有更改任何与CSS或Layout.js有关的情况下发生的，并且以前可以正常工作吗？

我已经将main.scss导入移动到pages / _app.js页面，但是样式仍然没有通过。这就是_app.js页面的外观

import ''../global-styles/main.scss''export default function MyApp({ Component, props }) {  return <Component {...props} />}

答案1

小编典典

使用内置的Next.js CSS加载器，而不是legacy @zeit/next-sass。

用替换@zeit/next-sass软件包sass。
next.config.js将其删除或保留为空配置。

next.config.js

module.exports = {  /* config options here */};

按照错误消息中的建议移动全局CSS。

/pages/_app.js

import ''../global-styles/main.scss''export default function MyApp({ Component, pageProps }) {  return <Component {...pageProps} />}

您以前可能没有此错误，因为Next.js放弃了对文件中的全局CSS的支持，而/pages/_app.js不仅仅是在最新版本中。

要将样式仅添加到特定的组件或页面，可以使用CSS模块的内置支持。

例如，如果您有一个组件，则Button.js可以创建一个Sass文件button.module.scss并将其包含在该组件中。

内置Sass支持

添加组件级CSS

$GLOBALS [

$GLOBALS ["HTTP_RAW_POST_DATA"] 取不到值如何排除 global times jeunesseglobal global marke

1.用file_get_contents(''php://input'')获取数据。如果获取不到，则可能是数据传输错误，对请求进行捉包，分析数据。

2.如果file_get_contents(''php://input'')有数据。则查看php.ini配置文件。

找到如下,如果没开启则开启

always_populate_raw_post_data = On

以上就介绍了$GLOBALS ["HTTP_RAW_POST_DATA"] 取不到值如何排除，包括了global,http方面的内容，希望对PHP教程有兴趣的朋友有所帮助。

Bash 的 shopt extglob （用来删除指定文件以外的文件，反向删除）

在bash中我们可以开启shopt的extglob选项，这时候就可以使用更多的通配符。

查看是否开启：

shopt extglob
extglob         off

开启方法

shopt -s extglob

开启后，bash将支持以下通配符：

?(pattern) 匹配0次或1次；

*(pattern) 匹配0次以上包括0次；

+(pattern) 匹配1次以上包括1次；

@(pattern) 匹配1次；

!(pattern) 不匹配。

这时候我们就可以使用 rm -rf !(to_delete) 来删除了。

shopt还有很多用法，可以参考manpages

P.S. 话说编辑器怎么变了。。没有以前的好看了觉得。。

c – 读取“.txt”文件以外的文件内容

如何在c / c中读取不是简单文本文件的文件内容？例如,我想读取.jpg / .png / .bmp等图像文件并查看某个索引处的值,检查它是什么颜色的？或者如果我有.exe / .rar / .zip并想知道在不同的索引存储什么值？
我知道c风格的阅读文件,这是

FILE *fp;

fp = fopen("example.txt","r"); /* open for reading */

char c;

c = getc(fp) ;

我想知道我是否用“image.png”替换“example.txt”,它会起作用吗？我会得到正确的数据吗？

解决方法

您需要以二进制模式打开文件.这允许您以“原始”模式读取字节,它们与文件中的字节保持不变.

但是,确定特定像素的颜色等需要您完全理解文件中字节的含义以及如何为正在读取的文件排列它们.第二个要求要困难得多.您需要对该文件类型的格式进行一些研究才能做到这一点.

css – 为什么无法将.less文件导入到单个文件？

我有这个结构的我的文件：

lib / css / …将我的样式分为每个区域的单个.less文件.

lib / style.less是要将我的子样式文件收集到的文件,而我要链接到HTML中的文件.

当我输入(到style.less)：

@import url(“/ css / StyletoImport.less”);

要么

@import“/css/StyletoImport.less”;

…我得到一个语法错误.

将无文件合并到单个文件中是否真的是不可能的？

有一个单个文件可以包含颜色,尺寸等的所有变量可能非常方便.

但是现在,我必须使用< link ...> HTML中的标签到每个单个文件 – 这不是很方便.

附：我已经读了Join two .less files into one css file

我已经读过：

Importing

Importing works pretty much
as expected. You can import a .less
file,and all the variables in it will
be available. If the file is a .less,
the extension is optional:

@import “library”;

@import “typo.css”;

解决方法

我只是在我的本地环境中尝试过,将vars放入varsless和mixins中.文件结构类似于你的文件,基础.less文件一级在文件夹下面包含所有的’包含’.

所以我有css文件夹有我的main.less文件,然后css / less / vars.less | conf.less

要导入这两个：

@import "less/vars.less";
@import "less/conf.less";

我唯一的答案是删除您的@import语句中的第一个/.尝试将Google字体导入我的.less文件时,我遇到类似的问题.

至少有一个镜头,因为使用与您的我的工作相同的结构.

今天的关于无法从“自定义”以外的文件导入Next.js Global CSS和无法从指定文件创建图片的分享已经结束，谢谢您的关注，如果想了解更多关于$GLOBALS ["HTTP_RAW_POST_DATA"] 取不到值如何排除 global times jeunesseglobal global marke、Bash 的 shopt extglob （用来删除指定文件以外的文件，反向删除）、c – 读取“.txt”文件以外的文件内容、css – 为什么无法将.less文件导入到单个文件？的相关知识，请在本站进行查询。

本文标签：