如何解决gulp服务错误“字段'浏览器'不包含有效的别名配置”?

时间:2019-05-03 15:57:04

标签: reactjs typescript gulp spfx yo

我正在开发共享点扩展,以修改页脚在共享点页面上的外观。但是,当我尝试执行gulp serve命令时,出现以下错误。

Error - [webpack] 'dist':
./lib/extensions/footer/FooterApplicationCustomizer.js
Module not found: Error: Can't resolve 'FooterApplicationCustomizerStrings' in 'C:\SPFx_Projs\CleanSPFxExtension\lib\extensions\footer'
resolve 'FooterApplicationCustomizerStrings' in 'C:\SPFx_Projs\CleanSPFxExtension\lib\extensions\footer'
  Parsed request is a module
  using description file: C:\SPFx_Projs\CleanSPFxExtension\package.json (relative path: ./lib/extensions/footer)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: C:\SPFx_Projs\CleanSPFxExtension\package.json (relative path: ./lib/extensions/footer)
    resolve as module

在研究错误消息时,我如何调用FooterApplicationCustomizerStrings似乎是一个问题。但是在我的打字稿文件中调用它的方式与使用yoman中的yo @ microsoft / sharepoint命令制作的应用程序或扩展的默认模板一致。这是我的打字稿程序的导入部分。

import { override } from '@microsoft/decorators';
import { Log } from '@microsoft/sp-core-library';
import {
  BaseApplicationCustomizer, 
  PlaceholderContent,
  PlaceholderName
} from '@microsoft/sp-application-base';

import { Dialog } from '@microsoft/sp-dialog';
import * as React from 'react';
import * as ReactDom from 'react-dom';
import { IFooterApplicationCustomizerProperties } from './components/IFooterApplicationProps';
import * as strings from 'FooterApplicationCustomizerStrings';
import styles from './components/AppCustomizer.module.scss';
import { escape } from '@microsoft/sp-lodash-subset';
import FooterExtension from './components/FooterApplicationExtension';

显然,必须对引用的路径进行某种形式的更改,但是我尝试的任何替代方法均不正确,因此会产生不同的错误,现在我不确定如何解决此问题。无论如何,我可以阻止此错误的发生吗?任何帮助将不胜感激。感谢您的阅读。

0 个答案:

没有答案