未被捕获的TypeError:无法设置属性' [any AMD]'未定义 [英] Uncaught TypeError: Cannot set property '[any AMD]' of undefined

问题描述

scrollmagic模块示例，但其他模块也是如此.我怀疑这是给Babel的，但不确定.

我们如何重现此错误?

1. Git克隆

   使用Babel 6和babel-preset-es2015(或Babel 5)时，Babel默认情况下假定其处理的文件是ES6模块.引起您麻烦的是，在ES6模块中，这是未定义的，而在脚本"情况下，则取决于环境，例如浏览器脚本中的窗口或CommonJS代码中的导出.

   问题是我在ES6中有文件，而其他没有.是否需要在这里分开文件?怎么样?

    //将JavaScript合并为一个文件//在生产中，文件已缩小函数javascript(){返回gulp.src(PATHS.javascript).pipe($.sourcemaps.init()).pipe($.babel()).pipe($.concat('app.js')).pipe($.if(PRODUCTION，$ .uglify().on('error'，e => {console.log(e);}))).pipe($.if(！PRODUCTION，$ .sourcemaps.write())).pipe(gulp.dest(PATHS.dist +'/assets/js'));} 

   为什么错了?说明...

   更改文件javascript.

   将 此 更改为 未定义

   除此之外:

    }否则，如果(typeof输出==='对象'){}(this，function(){使用严格"；var ScrollMagic = function(){ 

   到

    }否则if(((typeofexports ==='undefined'?'undefined':_typeof(exports))==='object'){})(未定义，函数(){使用严格"；var ScrollMagic = function ScrollMagic(){ 

   代码片段:

   在这样做之前:

    (function(root，factory){if(typeof define ==='function'& define.amd){//AMD.注册为匿名模块.定义(工厂);} else if(typeof exports ==='object'){//CommonJSmodule.exports = factory();} 别的 {//浏览器全局root.ScrollMagic = factory();}}(this，function(){使用严格"；var ScrollMagic = function(){ 

   这样做之后:

    (function(root，factory){if(typeof define ==='function'& define.amd){//AMD.注册为匿名模块.定义(工厂);}否则if(((typeofexports ==='undefined'?'undefined':_typeof(exports))==='object'){//CommonJSmodule.exports = factory();} 别的 {//浏览器全局root.ScrollMagic = factory();}})(未定义，函数(){使用严格"；var ScrollMagic = function ScrollMagic(){ 

   Example scrollmagic module, but it happens with others too. I suspect it is for Babel but not sure.

   How can we reproduce this bug?

   1. Git clone https://github.com/zurb/foundation-zurb-template projectname

   2. Install:

      • npm install gsap --save-dev
      • bower install scrollmagic --save-dev

   3. Add text line config.yml:

      • "node_modules/gsap/src/uncompressed/TweenMax.js"
      • "bower_components/scrollmagic/scrollmagic/uncompressed/ScrollMagic.js"
      • "bower_components/scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js"
      • "bower_components/scrollmagic/scrollmagic/uncompressed/plugins/debug.addIndicators.js"
      • "bower_components/scrollmagic/scrollmagic/uncompressed/plugins/jquery.ScrollMagic.js"

   4. npm start

   What happened instead?

   In console Google Chrome: Uncaught TypeError: Cannot set property 'ScrollMagic' of undefined

   Google Chrome:

   Firefox:

   解决方案

   I found the problem but not solve it. - 1 Answer of Stackoverflow

   When using Babel 6 and babel-preset-es2015 (or Babel 5), Babel by default assumes that files it processes are ES6 modules. The thing that is causing you trouble is that in an ES6 module, this is undefined, whereas in the "script" case, this varies depending on the environment, like window in a browser script or exports in CommonJS code.

   The problem is that I have files in ES6 and others not. Would have to separate files here? How?

   // Combine JavaScript into one file
   // In production, the file is minified
   function javascript() {
     return gulp.src(PATHS.javascript)
       .pipe($.sourcemaps.init())
       .pipe($.babel())
       .pipe($.concat('app.js'))
       .pipe($.if(PRODUCTION, $.uglify()
         .on('error', e => { console.log(e); })
       ))
       .pipe($.if(!PRODUCTION, $.sourcemaps.write()))
       .pipe(gulp.dest(PATHS.dist + '/assets/js'));
   }
   

   Why wrong? Explanation...

   Change the file javascript.

   Change this to undefined

   Besides this:

   } else if (typeof exports === 'object') {
   
   }(this, function () {
       "use strict";
   
       var ScrollMagic = function () {
   

   to

   } else if ((typeof exports === 'undefined' ? 'undefined' : _typeof(exports)) === 'object') {
   
   
   })(undefined, function () {
       "use strict";
   
       var ScrollMagic = function ScrollMagic() {
   

   Code fragment:

   Before doing so:

   (function (root, factory) {
       if (typeof define === 'function' && define.amd) {
           // AMD. Register as an anonymous module.
           define(factory);
       } else if (typeof exports === 'object') {
           // CommonJS
           module.exports = factory();
       } else {
           // Browser global
           root.ScrollMagic = factory();
       }
   }(this, function () {
       "use strict";
   
       var ScrollMagic = function () {
   

   After doing so:

   (function (root, factory) {
       if (typeof define === 'function' && define.amd) {
           // AMD. Register as an anonymous module.
           define(factory);
       } else if ((typeof exports === 'undefined' ? 'undefined' : _typeof(exports)) === 'object') {
           // CommonJS
           module.exports = factory();
       } else {
           // Browser global
           root.ScrollMagic = factory();
       }
   })(undefined, function () {
       "use strict";
   
       var ScrollMagic = function ScrollMagic() {
   

   这篇关于未被捕获的TypeError:无法设置属性' [any AMD]'未定义的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！