Question

我正在尝试使用sass和reactjs开发Web应用程序。

Sass结构就像附图中的那个。

图片 - ！[1]：http://i.imgur.com/1XPwP87.png

library.scss和settings.scss文件导入styles.scss文件。

在每个reactjs组件中，我有一个js，scss，css。

MainLayout（组件）
- MainLayout.js
- MainLayout.css
- MainLayout.scss

现在，＆＃34; style.css＆＃34;中生成的所有断点，网格等等。文件，我想在＆＃34; MainLayout.scss＆＃34;中使用它。

所以，在＆＃34; MainLayout.scss＆＃34;文件，我做了

@import＆＃39; ../../ assets / css / styles.scss＆＃39;;

.main-content {

display: flex;
flex-wrap: wrap;

@include from-breakpoint(tablet-portrait) {
    position: relative;
}

}

但是，我收到以下错误：

=＆GT;已更改：C：\ projects \ vliegtickets-frontend \ src \ components \ MainLayout \ MainLayout.scss

{ ＆＃34; status＆＃34;：1，

＆＃34; file＆＃34;：＆＃34; C：/projects/vliegtickets-frontend/src/components/MainLayout/MainLayout.scss" ;,

＆＃34; line＆＃34;：53，

＆＃34;专栏＆＃34;：14，

＆＃34; message＆＃34;：＆＃34;没有mixin名为grid-desktop \ n \ nBacktrace：\ n \ tsrc / components / MainLa yout / MainLayout.scss：53，在mixin @content \ n \ tsrc / assets / css / library / _breakpoi中 nts.scss：16，在mixin from-breakpoint \ n \ tsrc / components / MainLayout / MainLayout中。 SCSS：52＆＃34;，

＆＃34;格式化＆＃34;：＆＃34;错误：没有mixin命名为grid-desktop \ n \ n

回溯：\ n \ tsrc / components / MainLayout / MainLayout.scss：53，在mixin @content \ n \ tsr c / assets / css / library / _breakpoints.scss：16，在mixin from-breakpoint \ n \ t src / components / MainLayout / MainLayout.scss：52 / n在src / componen的第53行 TS / MainLayout / MainLayout.scss \ n＆GT;＆GT; \ t \ t \ t \ t @ include grid-desktop; \ n ----------- - ^ \ n＆＃34; }

有人可以帮我这个吗？我该怎么做才能使我的＆＃34; scss＆＃34;组件内的文件使用＆＃34; style.scss＆＃34;？

在reactjs compoent scss文件中使用全局scss文件

0 个答案: