Javascript 如何与RequireJs一起使用Materialize

Javascript 如何与RequireJs一起使用Materialize,javascript,requirejs,materialize,amd,Javascript,Requirejs,Materialize,Amd,到目前为止,还没有AMD版本的,这使得它不可能使用 我尝试在RequireJs上使用Shim配置,但总是出现错误: require.config({ baseUrl: '/resources/scripts', catchError: true, paths: { 'jquery': '//code.jquery.com/jquery-2.1.1.min', 'materialize': '../../build/bower_compone

到目前为止,还没有AMD版本的,这使得它不可能使用

我尝试在RequireJs上使用Shim配置,但总是出现错误:

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']
        }
    }
});
错误:

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

目前,Materialize与requiere之间存在很多问题。这里分享我找到的解决方案。在Magento 2中它对我有效:

  • 加载materialize的这个“版本”:(请注意,这不是正式版本)
  • var配置={
    路径:{
    “jquery”:“//code.jquery.com/jquery-2.1.1.min”,
    “物化”:“Magento_Theme/js/materialize”,
    “velocity”:“Magento_主题/js/velocity”,
    “hammerjs”:“Magento_主题/js/hammerjs”,
    },
    垫片:{ “速度”:{ deps:['jquery'] }, “hammerjs”:{ deps:['jquery'] }, “物化”:{ deps:['jquery','velocity','hammerjs'] } } };
  • 希望能有帮助