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'),