Javascript 使用根导入插件在Gatsby中为NPM包创建别名

Javascript 使用根导入插件在Gatsby中为NPM包创建别名,javascript,reactjs,npm,webpack,gatsby,Javascript,Reactjs,Npm,Webpack,Gatsby,我已经安装了gatsby插件根导入插件,以便在我的gatsby站点中为我的导入创建别名。我已经用了一段时间,效果很好 今天,我决定看看是否可以将它用于我安装的npm包。我想我的设置是正确的,但是我得到一个错误,说找不到模块: Module not found: Error: Can't resolve 'FontAwesome' in '/sandbox/src/pages' 但是,当我看我的代码时,它看起来应该可以工作: { resolve: 'gatsby-plugin-roo

我已经安装了
gatsby插件根导入
插件,以便在我的gatsby站点中为我的导入创建别名。我已经用了一段时间,效果很好

今天,我决定看看是否可以将它用于我安装的npm包。我想我的设置是正确的,但是我得到一个错误,说找不到模块:

Module not found: Error: Can't resolve 'FontAwesome' in '/sandbox/src/pages'
但是,当我看我的代码时,它看起来应该可以工作:

{
      resolve: 'gatsby-plugin-root-import',
      options: {
        // Node Modules
        FontAwesome: path.join(__dirname, '@fortawesome/react-fontawesome'),

        // Main Folders
        SRC: path.join(__dirname, 'src'),
        Assets: path.join(__dirname, 'src/assets'),
        Components: path.join(__dirname, 'src/components'),
        Config: path.join(__dirname, 'src/config'),
        Layouts: path.join(__dirname, 'src/layouts'),
        Pages: path.join(__dirname, 'src/pages'),
        Plugins: path.join(__dirname, 'src/plugins'),
        Styles: path.join(__dirname, 'src/styles'),
        Utilities: path.join(__dirname, 'src/utilities'),

      },
    },
所有其他别名都可以正常工作——只有别名创建了模块未找到错误消息

你知道为什么这不起作用吗?我能做些什么来修复它

谢谢


这里是插件的链接:

我认为问题在于这行:

FontAwesome: path.join(__dirname, '@fortawesome/react-fontawesome'),
您正在加入根文件夹,其中只包含node_模块中插件的名称。但您需要查看node_modules文件夹,因为它不会像导入中那样自动解析

你能测试一下下面这行吗

FontAwesome: path.join(__dirname, 'node_modules/@fortawesome/react-fontawesome'),