2016-12-05 7 views
0

私はすべてが複数の定義

をスローIE以外のすべてのブラウザで動作します私のプロジェクトを実行しようとして

"laravel-elixir": "^6.0.0-14", 
    "laravel-elixir-browsersync-official": "^1.0.0", 
    "laravel-elixir-vue-2": "^0.2.0", 
    "laravel-elixir-webpack-official": "^1.0.2", 

"bootstrap-sass": "^3.3.7", 

と私のVueJS/Laravelプロジェクトに次のように使用しています

SCRIPT1046:問題のstrictモードで許可されていないプロパティの複数の定義

コードは、Twitterのブートストラップから来ているようです3.3.7次のように

val("/*!\n * Bootstrap v3.3.7 (http://getbootstrap.com)\n * Copyright 2011-2016 Twitter, Inc.\n * Licensed under the MIT license\n */\n\nif (typeof jQuery === 'undefined') {\n throw new Error('Bootstrap\\'s JavaScript requires jQuery')\n}\n\n+function ($) {\n 'use strict';\n var version = $.fn.jquery.split(' ')[0].split('.')\n if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] > 3)) {\n throw new Error('Bootstrap\\'s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4')\n }\n}(jQuery);\n\n/* ========================================================================\n * Bootstrap: transition.js v3.3.7\n * http://getbootstrap.com/javascript/#transitions\n * ========================================================================\n * Copyright 2011-2016 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * ======================================================================== */\n\n\n+function ($) {\n 'use strict';\n\n // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)\n // ============================================================\n\n function transitionEnd() {\n var el = document.createElement('bootstrap')\n\n var transEndEventNames = {\n  WebkitTransition : 'webkitTransitionEnd',\n  MozTransition : 'transitionend',\n  OTransition  : 'oTransitionEnd otransitionend',\n  transition  : 'transitionend'\n }\n\n for (var name in transEndEventNames) {\n  if (el.style[name] !== undefined) {\n  return { end: transEndEventNames[name] }\n  }\n }\n\n return false // explicit for ie8 ( ._.)\n }\n\n // http://blog.alexmaccaw.com/css-transitions\n $.fn.emulateTransitionEnd = function (duration) {\n var called = false\n var $el = this\n $(this).one('bsTransitionEnd', function() { called = true })\n var callback = function() { if (!called) $($el).trigger($.support.transition.end) }\n setTimeout(callback, duration)\n return this\n }\n\n $(function() {\n 

私はこのような問題に直面したことはありません。これは何ができますか?

P.S.動的に実行されているようにフィドルを設定することはできません。

+1

あなたは( ' "厳格な使用"')[Strictモード](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Strict_mode)を使用していますか?このエラーは、厳密なモードで実行していて、プロパティに複数の定義を与えるときに発生します。例: 'obj = {prop:1、prop:2};'。その他の情報:https://msdn.microsoft.com/en-us/library/br230269(v=vs.94).aspx – asemahle

+0

あなたの依存関係からブートストラップを削除し、そのソースコードバージョンをページにインポートして問題を見つけることがありますか? –

答えて

1

まあ、私はpackage.jsonファイルにバベルのブラックリストのプロパティを追加することで "厳格な使用"を無効にしなければなりませんでした。

{ 
    babel: { 
     blacklist: ['useStrict'] 
} 
}