html에서 외부 스크립트의 함수를 호출해오지 못함

JavaScript
1

아래와 같이 html에서 js를 추가하고 js의 함수를 html에서 호출했는데 Uncaught ReferenceError: visuals is not defined 이런에러가 계속 납니다…
html script에 bpmn.js를 추가했고
구글 개발자 도구의 network에 해당 페이지가 추가된것은 확인됩니다.
왜 안되는건지 모르겠습니다.

  1. bpmn.js
 var visuals = {

	    create: function(context) {
	      var container = canvas.getDefaultLayer(),
	          frame;

	      frame = context.frame = create('rect');
	      attr$1(frame, {
	        class: 'djs-lasso-overlay',
	        width:  1,
	        height: 1,
	        x: 0,
	        y: 0
	      });

	      append(container, frame);
	    },

	    update: function(context) {
	      var frame = context.frame,
	          bbox = context.bbox;

	      attr$1(frame, {
	        x: bbox.x,
	        y: bbox.y,
	        width: bbox.width,
	        height: bbox.height
	      });
	    },

	    remove: function(context) {

	      if (context.frame) {
	        remove$1(context.frame);
	      }
	    }
	  };
  1. html
<script type="text/javascript" src="/assets/js/bpmn-modeler.development.js" onerror="console.error('error')"></script>

    $(document).ready(function(){
       visuals.create(); // function 호출

   });
2

관련된 코드와 설명이 더 있어야 원인을 알 수 있을 것 같아요. :slight_smile: