在 dotnet core &&react 应用程序中使用 office-ui-fabric答案

【问题标题】：using office-ui-fabric within dotnet core &&react application在 dotnet core &&react 应用程序中使用 office-ui-fabric
【发布时间】：2018-12-27 09:31:07
【问题描述】：

我有一个 dotnet core && react 应用程序，我想在其中使用 Office-ui-fabric 库。

package.json

{
  "name": "app_fabric_test",
  "private": true,
  "version": "0.0.0",
  "devDependencies": {
    "@types/history": "4.6.0",
    "@types/react": "15.0.35",
    "@types/react-dom": "15.5.1",
    "@types/react-hot-loader": "3.0.3",
    "@types/react-router": "4.0.12",
    "@types/react-router-dom": "4.0.5",
    "@types/webpack-env": "1.13.0",
    "aspnet-webpack": "^2.0.1",
    "aspnet-webpack-react": "^3.0.0",
    "awesome-typescript-loader": "3.2.1",
    "bootstrap": "3.3.7",
    "css-loader": "0.28.4",
    "event-source-polyfill": "0.0.9",
    "extract-text-webpack-plugin": "2.1.2",
    "file-loader": "0.11.2",
    "isomorphic-fetch": "2.2.1",
    "jquery": "3.2.1",
    "json-loader": "0.5.4",
    "react": "15.6.1",
    "react-dom": "15.6.1",
    "react-hot-loader": "3.0.0-beta.7",
    "react-router-dom": "4.1.1",
    "style-loader": "0.18.2",
    "typescript": "2.4.1",
    "url-loader": "0.5.9",
    "webpack": "2.5.1",
    "webpack-hot-middleware": "2.18.2"
  },
  "dependencies": {
    "office-ui-fabric-react": "^6.37.1"
  }
}

在我开始使用 lib 之前它一直有效，我尝试导入

import { DefaultButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';

所以我得到了这个结果：

该页面在后台似乎可以正常工作，但它被错误消息弹出窗口隐藏了。

那么我该如何解决这个问题呢？否则如何避免显示此类错误？

谢谢，

【问题讨论】：

标签： reactjs typescript webpack .net-core webpack-style-loader

【解决方案1】：

此问题已在使用更新 asp.net core 2.1 和 Visual Studio 15.7 的新模板中修复

【讨论】：