javascript - FontAwesome [Webpack] 未加载

标签 javascript reactjs webpack font-awesome

我目前正在开发我的 Cortana 应用程序,并且 FontAwesome 有一个大问题:) 由于我最近切换到 React + Redux 和 Webpack [更好的结构 + 更少的空间],我必须接受一切新的东西。

现在问题来了,我无法正常使用FontAwesome。它只显示一个白色方 block ...我检查了许多关于此[目录问题,未正确设置 webpack-loader] 的主题,但没有找到任何可以解决问题的内容。 webpack 控制台没有错误,开发者控制台也没有错误。

这是我的项目的链接: https://github.com/khayalan-mathew/gymdonapp/tree/feature/react-redux 我使用 font-awesome 的 ReactElement 是: https://github.com/khayalan-mathew/gymdonapp/blob/feature/react-redux/src/components/test.jsx

我希望有人可以帮助我:)如果您找到了正确的解决方案,请发送拉取请求或写在下面

-马修

最佳答案

css-loader generating wrong file paths 存在一个已知问题。这在生产构建中不会发生,但在开发模式下渲染方 block 时仍然很烦人。

在此问题得到解决之前,您可以禁用 css-loader 源映射以查看开发中正确渲染的字体。在 webpack 配置中找到写入 css?sourceMap 的位置,并将其更改为 css

关于javascript - FontAwesome [Webpack] 未加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41651578/

相关文章:

javascript - 清除();方法不适用于 React 输入

javascript - 如何进一步优化 webpack bundle size

javascript - webpack --watch 时如何从构建目录中删除旧文件?

javascript - 根据百分比计算两个坐标之间的点(球形)

javascript - removeChild 真的会删除元素吗?

reactjs - 如何在样式组件中使用 "hover"(CSS) 操作?

javascript - 如何在 webpack 设置中使用 CodeMirror 运行模式独立版本

javascript - 检查一个数组是否存在于数组的数组中?

javascript - 有没有办法在输入复选框中传递两个值

javascript - ReactJS - 处理整个部分的 onClick 事件,除了几个子元素