contextRequire mapped to require works for relative.

2021/12/dojo_demo2/app/_base/configRhino.js

@@ -0,0 +1 @@
+// 

2021/12/dojo_demo2/app/widgets/ChildWidget2.js

@@ -0,0 +1,16 @@
+define([
+	"dojo/parser",
+	"dijit/_TemplatedMixin",
+	"dijit/_WidgetBase",
+	"dojo/_base/declare"
+], function(parser, _TemplatedMixin, _WidgetBase, declare, template) {
+	var widget = declare("app/widgets/ChildWidget2", [_WidgetBase, _TemplatedMixin], {
+		templateString: "<div>"
+			+ "ChildWidget!!!" 
+			+ "</div>"
+	});
+
+	// parser.parse();
+
+	return widget;
+});

2021/12/dojo_demo2/app/widgets/MainWidget.js

@@ -1,14 +1,19 @@
 define([
+	"require",
 	"dijit/_TemplatedMixin",
+	"dijit/_WidgetsInTemplateMixin",
 	"dijit/_AttachMixin",
 	"dijit/_WidgetBase",
-	"dojo/_base/declare"
+	"dojo/_base/declare",
-], function(_TemplatedMixin, _AttachMixin, _WidgetBase, declare, template) {
+	"dijit/form/TextBox",
-	return declare("app/widgets/MainWidget", [_WidgetBase, _AttachMixin, _TemplatedMixin], {
+	"./ChildWidget2"
+], function(require, _TemplatedMixin, _WidgetsInTemplateMixin, _AttachMixin, _WidgetBase, declare) {
+	return declare("app/widgets/MainWidget", [_WidgetBase, _AttachMixin, _TemplatedMixin, _WidgetsInTemplateMixin], {
+		contextRequire: require,
 		templateString: "<div>"
 			// + "Hello World!!! <input data-dojo-type=\"dijit/form/TextBox\" />" 
 			// this works as it's dijit
-			+ "<div data-dojo-type=\"./ChildWidget\"></div>"
+			+ "<div data-dojo-type=\"./ChildWidget2\"></div>"
 			// this doesn't work as it's trying to fetch ./node_modules/dojo/ChildWidget which seems to be 
 			// relative to dojo/parser dojo/parser
 			+ "</div>"

2021/12/dojo_demo2/index.html

@@ -7,15 +7,21 @@
 
   <!--dojoConfig-->
   <script>
+    // var arguments = []; // rhino fails if it's not set up
     var dojoConfig = {
+      has: {
+        // "host-rhino": true, // why some rhino platform is a key to override baseUrl?
+      },
       parseOnLoad: true,
+      isDebug: true,
       async: true,
-      cacheBust: true, // Get "fresh" resources,
+      cacheBust: false, // Get "fresh" resources,
       baseUrl: "/app",
       packages: [ 
         {name: "dojo", location: "/node_modules/dojo"},
         {name: "dojox", location: "/node_modules/dojox"},
-        {name: "dijit", location: "/node_modules/dijit"}
+        {name: "dijit", location: "/node_modules/dijit"},
+        {name: "app", location: "./"}
       ]
     };
   </script>
@@ -30,7 +36,19 @@
         "app/widgets/MainWidget.js",
         "dojo/domReady!"
       ], function (dom, parser, MainWidget) {
-          parser.parse(); // parseOnLoad: true doesn't run this. Why???
+          // parser.parse();
+          // parseOnLoad: true doesn't run this. Why???
+          // parser.parse({
+          //  scope: "app"
+          // });
+          /**
+          parser.parse({
+            "contextRequire": require,
+            "_dojoParserCtorMap": {
+              "./ContentPane": require('dijit/layout/ContentPane'),
+            }
+          }); 
+          **/
           var greeting = dom.byId('root');
           var widget = new MainWidget();
           widget.placeAt(greeting);