How to use frappe.call on custom html pages

Aniket_Shinde1 · January 31, 2019, 11:45am

I have created a custom app with page_1.html , page_1.py file have also defined page.js in public/js.
Added the js file to hooks as well
app_include_js = “/templates/pages/page.js”

I am trying to call a custom method on a custom page.
but getting error
Uncaught ReferenceError: frappe is not defined

kartik · January 31, 2019, 2:19pm

Refer this.

github.com

frappe/erpnext/blob/096b943b0cab3807777dee933a725299fc810766/erpnext/templates/includes/product_list.js#L14


      
          window.get_product_list = function() {
          	$(".more-btn .btn").click(function() {
          		window.get_product_list()
          	});
          
          
	if(window.start==undefined) {
          		throw "product list not initialized (no start)"
          	}
          
          
	$.ajax({
          		method: "GET",
          		url: "/",
          		data: {
          			cmd: "erpnext.templates.pages.product_search.get_product_list",
          			start: window.start,
          			search: window.search,
          			product_group: window.product_group
          		},
          		dataType: "json",
          		success: function(data) {
          			window.render_product_list(data.message || []);

Edit: On v11, you can use frappe.call on webpages.

raghu561 · September 28, 2019, 9:30am

Hi @Aniket_Shinde1
any updates on this issue?

Aniket_Shinde1 · November 18, 2019, 7:23am

I figured out the issue it is resolved now

Mortodus · August 31, 2022, 1:34pm

What did you do to resolve this?

realespee · May 25, 2023, 8:51am

@Aniket_Shinde1 you didn’t explain your solution well. please help with detailed solution on this.

realespee · May 29, 2023, 7:58am

The solution that actually works is in this Tutorial 34 and Tutorial 35 by @mymi14s. Tutorial 34 solves the problem and Tutorial 35 fixes some error in 34.

msiam · August 24, 2023, 3:45am

on V14 the issue still

Pratul_Tripathi · November 8, 2023, 6:52am

did you find any solution for this issue, i am facing same .

msiam · November 8, 2023, 9:40am

you must change the path for JS (Permission Issue)

Pratul_Tripathi · November 13, 2023, 7:37am

Could you please share the directory path?

Hemant_S · January 2, 2024, 9:03am

Tested In Version 14.0

Add Below In Your Page’s head section

	<script type="text/javascript" src="/assets/frappe/dist/js/frappe-web.bundle.HL3LQV7I.js"></script>

    <script type="text/javascript" src="/website_script.js"></script>
    <script type="text/javascript" src="/assets/erpnext/dist/js/erpnext-web.bundle.22EWE5JY.js"></script>

Then add below as the last line before closing tag of your page

< script >frappe.csrf_token = “{{frappe.session.csrf_token}}”;</ script >

To test it, open Developer Tool Then Go To Console… The Paste below
frappe.msgprint(__(‘Hello From Frappe UI’));