我正在开发共享点扩展,以修改页脚在共享点页面上的外观。但是,当我尝试执行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';
显然,必须对引用的路径进行某种形式的更改,但是我尝试的任何替代方法均不正确,因此会产生不同的错误,现在我不确定如何解决此问题。无论如何,我可以阻止此错误的发生吗?任何帮助将不胜感激。感谢您的阅读。