Module 'ObjectPath' is not available!

[abdulgaffar]

I am unable to instantiate schema form.

I loaded scripts in the following order
angular.js
angular-sanitize.js
tv4.js
ObjectPath.js
schema-form.js
bootstrap-decorator.min.js

below is the error.

Error: [$injector:modulerr] Failed to instantiate module myApp due to:
[$injector:modulerr] Failed to instantiate module schemaForm due to:
[$injector:modulerr] Failed to instantiate module ObjectPath due to:
[$injector:nomod] Module 'ObjectPath' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.3.8/$injector/nomod?p0=ObjectPath
minErr/<@http://localhost:8000/media/js/libs/angular/angular.js:63:12
module/<@http://localhost:8000/media/js/libs/angular/angular.js:1764:1
ensure@http://localhost:8000/media/js/libs/angular/angular.js:1688:38
module@http://localhost:8000/media/js/libs/angular/angular.js:1762:1
loadModules/<@http://localhost:8000/media/js/libs/angular/angular.js:4094:22
forEach@http://localhost:8000/media/js/libs/angular/angular.js:323:11
loadModules@http://localhost:8000/media/js/libs/angular/angular.js:4078:5
loadModules/<@http://

[mike-marcacci]

Hi @abdulgaffar, I'm the author of ObjectPath, and this is quite strange. Just to verify, what version of ObjectPath and Schema Form are you using? Are you using bower for dependency management by any chance?

Assuming everything's up-to-date, I do have a suspicion here: are you using RequireJS or AMD elsewhere on the page? If ObjectPath detects either of these, it will register itself accordingly as to not pollute the global namespace. Schema Form is not aware of either of these, so you would have to shim the dependency accordingly. It's possible to have Schema Form should support these loading mechanisms, but as evidenced by this issue they tend to cause portability issues in dependency chains deeper than 1.

Let me know if you use either of these, and I might be able to help you debug a bit more.

[rwbaker]

I'm seeing a similar issue; I'm using Bower and RequireJS:

• angular v1.2.14
• angular-sanitize v1.3.8
• angular-schema-form v0.7.8
• objectpath v1.0.5
• tv4: v1.0.17

Browser console error:

Uncaught Error: [$injector:modulerr] Failed to instantiate module LocationApp due to:
Error: [$injector:modulerr] Failed to instantiate module EditViewControllerModule due to:
Error: [$injector:modulerr] Failed to instantiate module schemaForm due to:
ReferenceError: ObjectPath is not defined
    at new <anonymous> (http://127.0.0.1:8080/lib/angular-schema-form/dist/schema-form.min.js:1:354)
    at invoke (http://127.0.0.1:8080/card-base/lib/angular/angular.js:3762:17)
    at Object.instantiate (http://127.0.0.1:8080/card-base/lib/angular/angular.js:3773:23)
    at provider (http://127.0.0.1:8080/card-base/lib/angular/angular.js:3629:36)
    at Object.provider (http://127.0.0.1:8080/card-base/lib/angular/angular.js:3621:16)
    at http://127.0.0.1:8080/card-base/lib/angular/angular.js:3681:37
    at Array.forEach (native)
    at forEach (http://127.0.0.1:8080/card-base/lib/angular/angular.js:322:11)
    at loadModules (http://127.0.0.1:8080/card-base/lib/angular/angular.js:3668:5)
    at http://127.0.0.1:8080/card-base/lib/angular/angular.js:3675:40
http://errors.angularjs.org/1.2.14/$injector/modulerr?p0=schemaForm&p1=Refe…2F%2F127.0.0.1%3A8080%2Fcard-base%2Flib%2Fangular%2Fangular.js%3A3675%3A40
    at http://127.0.0.1:8080/card-base/lib/angular/angular.js:78:12
    at http://127.0.0.1:8080/card-base/lib/angular/angular.js:3702:15
    at Array.forEach (native)
    at forEach (http://127.0.0.1:8080/card-base/lib/angular/angular.js:322:11)
    at loadModules (http://127.0.0.1:8080/card-base/lib/angular/angular.js:3668:5)
    at http://127.0.0.1:8080/card-base/lib/angular/angular.js:3675:40
    at Array.forEach (native)
    at forEach (http://127.0.0.1:8080/card-base/lib/angular/angular.js:322:11)
    at loadModules (http://127.0.0.1:8080/card-base/lib/angular/angular.js:3668:5)
    at http://127.0.0.1:8080/card-base/lib/angular/angular.js:3675:40
http://errors.angularjs.org/1.2.14/$injector/modulerr?p0=EditViewController…2F%2F127.0.0.1%3A8080%2Fcard-base%2Flib%2Fangular%2Fangular.js%3A3675%3A40
    at http://127.0.0.1:8080/card-base/lib/angular/angular.js:78:12
    at http://127.0.0.1:8080/card-base/lib/angular/angular.js:3702:15
    at Array.forEach (native)
    at forEach (http://127.0.0.1:8080/card-base/lib/angular/angular.js:322:11)
    at loadModules (http://127.0.0.1:8080/card-base/lib/angular/angular.js:3668:5)
    at http://127.0.0.1:8080/card-base/lib/angular/angular.js:3675:40
    at Array.forEach (native)
    at forEach (http://127.0.0.1:8080/card-base/lib/angular/angular.js:322:11)
    at loadModules (http://127.0.0.1:8080/card-base/lib/angular/angular.js:3668:5)
    at createInjector (http://127.0.0.1:8080/card-base/lib/angular/angular.js:3608:11)
http://errors.angularjs.org/1.2.14/$injector/modulerr?p0=LocationApp&p1=Err…2F%2F127.0.0.1%3A8080%2Fcard-base%2Flib%2Fangular%2Fangular.js%3A3608%3A11)

require-config.js

requirejs.config({
    paths: {
        'angular-schema-form'  : requirejs.localLib + 'angular-schema-form/dist/schema-form.min',
        'angular-sanitize'     : requirejs.localLib + 'angular-sanitize/angular-sanitize',
        'bootstrap-decorator'  : requirejs.localLib + 'angular-schema-form/dist/bootstrap-decorator.min',
        'bootstrap-custom'     : requirejs.localLib + 'custom-schema-form/bootstrap-custom.min',
        'custom-schema-form'   : requirejs.localLib + 'custom-schema-form/src/schema-form',
        'ObjectPath'           : requirejs.localLib + 'objectpath/lib/ObjectPath',
        'js'                   : requirejs.appSrc + 'js',
        'utility'              : requirejs.appSrc + 'js/utility'
    },
    shim: {
        'angular-sanitize'     : ['angular'],
        'angular-schema-form'  : ['angular', 'angular-sanitize', 'ObjectPath', 'tv4'],
        'custom-schema-form'   : ['angular-schema-form'],
        'bootstrap-decorator'  : ['custom-schema-form'],
        'bootstrap-custom'     : ['angular', 'custom-schema-form', 'bootstrap-decorator']
    }
});

[asadighi]

I am having the same exact issue. Is there any fix there or should i create a temporary shim for it? (which I rather to not do that).

[a-laughlin]

The issue is that Angular Schema Form doesn't support requirejs. Both tv4 + objectPath do, so they don't export window variables when require exists. The solution is to enable requirejs support for Schema Form as ObjectPath and tv4 do, like so:

(function (global, factory) {
  if (typeof define === 'function' && define.amd) {
    // AMD. Register as an anonymous module.
    define(['angular','ObjectPath','tv4'], factory);
  } else if (typeof module !== 'undefined' && module.exports){
    // CommonJS. Define export.
    module.exports = factory(angular,ObjectPath,tv4);
  } else {
    // Browser globals
    global['schema-form'] = factory(angular,ObjectPath,tv4);
  }
})(this,function(angular,ObjectPath,tv4){

   // ... Angular Schema Form code here.

});

[a-laughlin]

Same solution for the bootstrap decorator.

[nikolassv]

As ObjectPath does also define an angularJs module if angularJs is loaded, angular-schema-form should define ObjectPath as a module dependency. Then it could simply inject the ObjectPath service where needed.

[dwikle]

@Dervisevic Is there a solution for this? Can angular-schema-form be updated to work with requirejs per the comment from @a-laughlin ?

[Dervisevic]

I guess it can, I'm not sure tho, nothing I've looked into. Maybe @davidlgj knows more, I assume a PR would be welcome.

[ArtemShapovalov]

please add requirejs wrapper for bootstrap decorator to version 0.8.2. Because after concat vendor to one file Bootstrap decorator throws exception as:

Uncaught Error: [$injector:nomod] Module 'schemaForm' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

[Dervisevic]

Pull Requests welcome.

[drewtunes]

+1 I'm trying to figure this out as well.