React Office Fabric UI - 节点模块无法自行解析答案

【问题标题】：React Office Fabric UI - Node Module can't resolve itselfReact Office Fabric UI - 节点模块无法自行解析
【发布时间】：2018-12-31 01:12:35
【问题描述】：

import { MultiCount } from '@uifabric/dashboard';
我导入组件并收到此错误。

Module not found: Error: Can't resolve '@uifabric/dashboard' in '/Users/jerry/Sites/office-ui-fabric-react/packages/dashboard/lib/components/Card/Layout'

lib/component/Card/Layout.js ln14
import { MultiCount } from '@uifabric/dashboard';

导入的模块获得了正确的路径，但在导入时它无法解析自身的导入？更新了布局组件以引用文件夹而不是从自身导入，但这会导致更多构建错误。

有什么想法可以帮助这个包正确地自我引用吗？包上的 Webpack 配置更改？

https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/dashboard

【问题讨论】：

黑客修复。转到软件包 src 文件。将import @uifabric/dashboard 更改为import ../../MultiCount。然后dashboard/$rush update 重建库。某些导入可以与包中的 @uifabric/dashboard 一起正常工作。 MultiCount 和 DashboardGridLayout 是两个没有的。虽然它仍在寻找为什么导入引用自身 @uifabric/component 不起作用...

标签： reactjs webpack-4 appfabric office-ui-fabric

【解决方案1】：

'@uifabric/dashboard$': path.join(__dirname, '../../packages/dashboard/src'),
将此添加到 webpack.serve.config.js 中的 alias' 修复了此路径导入问题。

import { MultiCount } from '@uifabric/dashboard' 有效！

【讨论】：