Npm 字体Web包语法错误：无效或意外标记

我是webpack新手，在我的React设置中安装font Aweasome时遇到问题

Webpack V2.2.1
React starter kit

我跑过：

npm install font-awesome --save-dev

然后在我的主

.scss

文件中，我调用：

$fa-font-path: "~font-awesome/fonts";
@import "~font-awesome/scss/font-awesome";

在我的

webpack.config.js中，我得到了：

...
    test: /\.(ico|jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff)(\?.*)?$/,
    loader: 'file-loader',
...

但在编译时：
纱线开始
我得到错误：

webpack: Compiled successfully.
..\node_modules\font-awesome\fonts\fontawesome-webfont.eot:1
(function (exports, require, module, __filename, __dirname) { n�
                                                               ^
SyntaxError: Invalid or unexpected token
    at Object.exports.runInThisContext (vm.js:76:16)
    at Module._compile (module.js:542:28)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (..\build\webpack:\external "font-awesome\fonts\fontawesome-webfont.eot":1:1)
    at __webpack_require__ (..\build\webpack:\webpack\bootstrap 4b3091487663b7b04c64:19:1)

webpack:编译成功。
..\node\u modules\font awesome\font\fontsawesome webfont.eot:1
（函数（导出、要求、模块、_文件名、_目录名）{n�
^
SyntaxError:无效或意外的令牌
在Object.exports.runInThisContext（vm.js:76:16）
在模块处编译（Module.js:542:28）
在Object.Module.\u extensions..js（Module.js:579:10）
在Module.load（Module.js:487:32）
在tryModuleLoad时（module.js:446:12）
在Function.Module.\u加载（Module.js:438:3）
at Module.require（Module.js:497:17）
根据需要（内部/module.js:20:19）
在对象处。（..\build\webpack:\external“font awesome\font\fontsawesome webfont.eot”：1:1）
在uuu webpack_uurequire_uuuuu（..\build\webpack:\webpack\bootstrap 4b3091487663b7b04c64:19:1）

这是我的网页设置有问题吗？是加载程序有问题吗？是路径有问题吗？还是字体本身有问题

任何帮助都将是惊人的。
如前所述，通过使用相对路径解决了此问题-尽管查看错误输出，webpack已使用~declaration.Strange查找到正确的位置

因此，不是：

$fa-font-path: "~font-awesome/fonts";
@import "~font-awesome/scss/font-awesome";

我用过：

$fa-font-path: "../../../node_modules/font-awesome/fonts";
@import "../../../node_modules/font-awesome/scss/font-awesome";

而且一切似乎都正常！
您是否尝试使用相对路径而不是
~路径
。任何包含~的URL都将被解释为模块请求。在~之后的任何内容都将被视为请求路径。请参阅