导入字体会导致sass-loader抛出错误

时间:2019-05-13 10:05:45

标签: reactjs sass

我正在尝试导入function getBreadcrumbs(menuItems, id, breadcrumpsArray) { for (var i = 0; i < menuItems.length; i++) { if (menuItems[i].id == id) { // Found the node, push it and return the breadcrumpsArray breadcrumpsArray.push({ id: menuItems[i].id, name: menuItems[i].name }); return breadcrumpsArray; } else { if (typeof menuItems[i].submenus !== 'undefined') { if (menuItems[i].submenus.length > 0) { if (getBreadcrumbs(menuItems[i].submenus, id, breadcrumpsArray)) { // Unshift to push the node to the front of the array breadcrumpsArray.unshift({ id: menuItems[i].id, name: menuItems[i].name }); return breadcrumpsArray; } } } else { // The node we are looking for is not in this path of the tree return false; } } } } 字体,然后在不同的componenet中使用它,但是我无法弄清楚我在做什么错。我有这个文件结构:

ttf

我想做的是在 src assets fonts Avenir-Book.ttf Componenets Navigation Navigation.scss scss fonts.scss variables.scss App.js App.scss 中,我从位于资产内的 fonts 文件夹中导入字体,如下所示:

fonts.scss

然后我将 @font-face { font-family: 'Avenir-Book'; src: url('./../assets/fonts/Avenir-Book.ttf') format('truetype'); } 导入到fonts.scss @ import'./fontsvariables.scss' using the standard$Avenir-Book:'Avenir-Book', set it to a variable Navigation.scss {{1 }} App.scss`。

但这似乎不起作用,它返回以下错误:

and then just import it into

我不知道发生了什么,我不能将 import 与react / sass一起使用吗?

我尝试了一些事情:

and

也尝试删除_node_modules_文件夹并再次重新安装所有内容,但是无论我怎么做,错误仍然存​​在...

0 个答案:

没有答案