Microsoft云工程师 - SharePoint,Office 365,Azure,Dotnet,Agenular,JavaScript。
Microsoft云工程师 - SharePoint,Office 365,Azure,Dotnet,Agenular,JavaScript。

javascript.

固定的–未捕获(在承诺)SyntaxError:意外令牌<在json的位置0

使用SP-PNP-JS编码JavaScript时,我遇到了下面的错误,并希望为其他人记录。  Cheers! 

shades_smile.

错误

未捕获(在承诺)SyntaxError:意外令牌<在json的位置0

图像
图像
图像

根本原因

调用HTTP时获取默认标题“接受:application / json”可以将数据返回为XML。  

使用F12开发人员工具查看带有HTTP标头和RAW响应文本的网络流量。

解决方案

修改JS代码以初始化具有不同HTTP标头的AngularJS。

现在SharePoint PNP API调用标题“接受:应用/ JSON; odata = verbose“并将数据作为JSON返回正确解析。

$pnp.setup({
	headers: {
		"Accept": "application/json; odata=verbose"
	}
});
图像

参考

视频– Angular CLI –Spcrud Todo列表在SharePoint内容编辑器中(第2部分)

持续的第2部分较早的视频//www.yinzigold.com/2017/05/31/angular-cli-todo-list-in-sharepoint-content-editor/

我们在这里添加“spcrud.ts”库与CRUD方法将JSON数据以REST API保存到SharePoint列表中。
Spcrud是一个包含方法,可以通过提供摘要令牌,HTTP标头和URL格式的管理来轻松地与SharePoint API交互。作为开发人员,我们与具有输入验证的简单类型方法交互,该方法又执行正确的底层HTTP调用。

干杯! 

shades_smile.

源代码

视频

棱角 2 CLI - SharePoint内容编辑器中的Spcrud Todo列表(第2部分)杰夫琼斯Vimeo..

视频– Angular CLI –在SharePoint内容编辑器中的Todo列表

棱角 2(“Angular”)带来了角度1(“AngularJS”)的许多改进。 CLI工具(命令行界面)有助于简化操作,因此我们可以轻松开发专业应用,包括单位测试,捆绑,缩小,实时预览,网克,分布等。

下面的演示显示如何创建新的应用程序,运行测试,添加功能,并部署到内容编辑器Web部件中托管的SharePoint页面。 CLI工具提高了开发者的生产力,同时保持质量控制。

查看下面的实时编码视频,托管在两者上Vimeo.YouTube.

如果您发现它有用,请留下评论。  Cheers! 

shades_smile.

视频

截图

图像
图像
图像
图像
图像

源代码

脚步

  1. MD Todo.
  2. ng新的todo.
  3. CD Todo.
  4. ng服务
  5. NG帮助建立
  6. ng build -prod -aot -dhttp://门户/站点/ todo / siteassets / todo-W.
  7. 从本地/ dist / to sharepoint / siteasssets / todo /上传所有文件/
  8. 右键单击SharePoint中的“index.html”以复制绝对URL
  9. 编辑页面,添加内容编辑器Web部件(CEWP)
  10. 修改CEWP并为显示提供URL
  11. 享受!

参考

错误固定

//stackoverflow.com/questions/40386883/sharepoint-angular-2-app-using-cli-webpack

对于Angular2,在SharePoint页面上正确加载,我们必须评论出线“进口 ‘core-js/es6/string’;“ 从 ”polyfills.ts.“避免与Microsoft脚本资源的冲突,已包含AXD代码。

  • 未捕获的g {__zone_symbol__error:错误:sys.parameterCountException:参数计数不匹配。
  • Polyfills.3737621 ......Bundle.js:1未捕获
  • scriptresource.axd?d = bguhdzbe6lg8ptbp5skwrengckvm6n4sp4jy4elx78z7dzzumbkeh4dwmkg-9qqtky6_9p0qsjbotx ...:494未捕获

自定义网站–将设置保存到夹子(没有jQuery)

曾经想用JavaScript内容编辑器(脚本编辑器)Web部件,将设置保存到列表?   Without jQuery?

“WP-settings.js”下方的库与本机XHR(XML HTTP请求)和嵌套回调进行调用以调用REST API。  自由站立的POJO(计划旧的JavaScript Object)设计使我们能够包装到Web部件库中,并在任何网站上自由使用而无需准备工作以确保加载jQuery,Angular或其他依赖框架。

查看“webpart.html”以查看示例使用模式:

  • wpsread() 获取设置(如果有的话)
  • wpinit()  本地Web部件初始化
  • WPSWRITE() 保存设置(更新/插入)

 

干杯! 

shades_smile.

 

 

源代码

 

视频

 

截图

图像
图像
图像

 

参考

返回顶部▲返回顶部▲