Oro JavaScript Modularity无效

时间:2018-05-17 06:15:04

标签: orocrm orocommerce

遗憾的是,我的oro自定义javascript组件未加载

我的reuiqrejs.yml就在这里

公司/捆绑/ BarcodeBundle /资源/配置/ requirejs.yml

config:
    paths:
         'companybarcode/js/app/components/custom-component': 'bundles/companybarcode/js/app/components/custom-component.js'

公司/捆绑/ BarcodeBundle /资源/公共/ JS /应用/组件/定制component.js

我的custom-component.js如下

define(function (require) {
   'use strict';

   var CustomComponent = BaseComponent.extend({
       initialize: function (options) {
           alert("Hello Component");
       }
   })

    return CustomComponent;
});

我加载组件的观点是

公司/捆绑/ BarcodeBundle /资源/视图/条码/ test.html.twig

<div data-page-component-module="companybarcode/js/app/components/custom-component"></div>

我不知道代码有什么问题

Oro Referece:https://oroinc.com/orocrm/doc/2.3/cookbook/how-to-replace-inline-javascript-with-component

1 个答案:

答案 0 :(得分:1)

在你的代码中它们缺少部分,为了使用你必须首先导入它的组件

define(['path/to/BaseComponent'], function (BaseComponent) {
   'use strict';

   var CustomComponent = BaseComponent.extend({
       initialize: function (options) {
           alert("Hello Component");
       }
   })

    return CustomComponent;
});

http://requirejs.org/docs/api.html#i18n