RequireJs

Question

와 구체화를 사용하는 방법

지금까지 내가 RequireJs에 심 설정을 사용하여 시도하지만 항상 오류 얻을 RequireJs

으로 사용이 불가능하게 materializecss의 어떤 AMD 버전이 없습니다 :

require.config({ 
    baseUrl: '/resources/scripts', 
    catchError: true, 
    paths: { 
     'jquery': '//code.jquery.com/jquery-2.1.1.min', 
     'materialize': '../../build/bower_components/materialize/dist/js/materialize', 
     'velocity': '../../build/bower_components/materialize/js/velocity.min', 
     'hammerjs': '../../build/bower_components/materialize/js/hammer.min' 
    }, 
    shim: { 
     'materialize': { 
      deps: ['jquery', 'hammerjs', 'velocity'], 
      exports: 'Materialize' 
     }, 
     'velocity': { 
      deps: ['jquery'] 
     } 
    } 
}); 

은 오류 : 구체화가 requiere에 많은 문제를 가지고

require.js:168 Uncaught Error: Mismatched anonymous define() module: function() 

Answer 1

순간. 여기에 내가 찾은 해결책을 공유하십시오. 그것은 젠토 2에서 나를 위해 작동 :

1. 로드 구체화이 "버전"https://github.com/ccloli/materialize/tree/AMD-fix/dist/js (주 공식적인 릴리스되지 않습니다)
2. var config = { paths: { 'jquery': '//code.jquery.com/jquery-2.1.1.min', 'materialize': 'Magento_Theme/js/materialize', 'velocity': 'Magento_Theme/js/velocity', 'hammerjs': 'Magento_Theme/js/hammerjs', },
shim: { 'velocity': { deps: ['jquery'] }, 'hammerjs': { deps: ['jquery'] }, 'materialize': { deps: ['jquery', 'velocity', 'hammerjs'] } } };

는 희망이 도움을.