Javascript 未找到模块：错误：无法解析模块'；财政司司长'；在里面

我正在尝试集成ADAL JS示例代码：

进入sharepoint framework客户端Web部件：

我的代码非常简单，我已经安装了NPM、adal、fs、node fs等

However I see this error

./~/adal-node/lib/util.js
Module not found: Error: Cannot resolve module 'fs' in /Users/luis.valencia/Documents/GraphSamples/Sample1/node_modules/adal-node/lib
resolve module fs in /Users/luis.valencia/Documents/GraphSamples/Sample1/node_modules/adal-node/lib
  looking for modules in /Users/luis.valencia/Documents/GraphSamples/Sample1/node_modules/adal-node/lib
    /Users/luis.valencia/Documents/GraphSamples/Sample1/node_modules/adal-node/lib/fs doesn't exist (module as directory)
    resolve 'file' fs in /Users/luis.valencia/Documents/GraphSamples/Sample1/node_modules/adal-node/lib
      resolve file

我的代码是：

我甚至对require JS行进行了注释，但看起来adal JS库本身使用的FS似乎没有正确安装

import {
  BaseClientSideWebPart,
  IPropertyPaneSettings,
  IWebPartContext,
  PropertyPaneTextField
} from '@microsoft/sp-client-preview';

import styles from './Hellomsgraph.module.scss';
import * as strings from 'hellomsgraphStrings';
import { IHellomsgraphWebPartProps } from './IHellomsgraphWebPartProps';
import * as MicrosoftGraph from "microsoft-graph"

const accessToken:string = "";
//var fs = require('fs');
var adal = require('adal-node');
var AuthenticationContext = adal.AuthenticationContext;


export default class HellomsgraphWebPart extends BaseClientSideWebPart<IHellomsgraphWebPartProps> {

  public constructor(context: IWebPartContext) {
    super(context);
  }

  public render(): void {
    this.domElement.innerHTML = `
      <div class="${styles.hellomsgraph}">
        <div class="${styles.container}">
          <div class="ms-Grid-row ms-bgColor-themeDark ms-fontColor-white ${styles.row}">
            <div class="ms-Grid-col ms-u-lg10 ms-u-xl8 ms-u-xlPush2 ms-u-lgPush1">
              <span class="ms-font-xl ms-fontColor-white">Welcome to SharePoint!</span>
              <p class="ms-font-l ms-fontColor-white">Customize SharePoint experiences using Web Parts.</p>
              <p class="ms-font-l ms-fontColor-white">${this.properties.description}</p>
              <a href="https://github.com/SharePoint/sp-dev-docs/wiki" class="ms-Button ${styles.button}">
                <span class="ms-Button-label">Learn more</span>
              </a>
            </div>
          </div>
        </div>
      </div>`;
  }

  protected get propertyPaneSettings(): IPropertyPaneSettings {
    return {
      pages: [
        {
          header: {
            description: strings.PropertyPaneDescription
          },
          groups: [
            {
              groupName: strings.BasicGroupName,
              groupFields: [
                PropertyPaneTextField('description', {
                  label: strings.DescriptionFieldLabel
                })
              ]
            }
          ]
        }
      ]
    };
  }
}

导入{
BaseClientSideWebPart，
IPropertyPaneSettings，
我的背景，
PropertyPaneTextField
}来自“@microsoft/sp客户端预览”；
从“/Hellomsgraph.module.scss”导入样式；
将*作为字符串从“HellomGraphString”导入；
从“./IHellomsgraphWebPartProps”导入{IHellomsgraphWebPartProps}；
将*作为MicrosoftGraph从“microsoft graph”导入
const accessToken:string=“”；
//var fs=需要（'fs'）；
var adal=require（'adal-node'）；
var AuthenticationContext=adal.AuthenticationContext；
导出默认类HellomGraphWebPart扩展BaseClientSideWebPart{
公共构造函数（上下文：IWebPartContext）{
超级（上下文）；
}
公共呈现（）：void{
this.doElement.innerHTML=`
欢迎使用SharePoint！
使用Web部件定制SharePoint体验

${this.properties.description}
`;
}
受保护的get-propertyPaneSettings（）：IPropertyPaneSettings{
返回{
页码：[
{
标题：{
描述：strings.PropertyPaneDescription
},
小组：[
{
groupName:strings.BasicGroupName，
组字段：[
PropertyPaneTextField（'说明'{
标签：strings.DescriptionFieldLabel
})
]
}
]
}
]
};
}
}

将其添加到webpack.config.js

target: 'node',

---

请参见和

您是否使用webpack？是的，SharepointFramework使用webpack，我阅读了其他链接，但看不到解决方案

fs

是节点中的内置模块，无需安装。