エラー：キャッチされない例外TypeError：Vue.util.hyphenateは関数ではありません

イム温泉UIとIとセットアップvuejsにしようと、このエラーが出る：エラー：キャッチされない例外TypeError：Vue.util.hyphenateは関数ではありません

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/onsen/2.1.0/css/onsenui.css"> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/onsen/2.1.0/css/onsen-css-components.min.css"> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.1/vue.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/onsen/2.1.0/js/onsenui.js">  </script> 
    <script src="https://unpkg.com/[email protected]"></script> 
</head> 
<body> 
    <div id="app"></div> 
</body> 
<script> 
    var vm = new Vue({ 
    el: '#app', 
    template: 
     '<v-ons-page>\ 
     <v-ons-toolbar>\ 
      <div class="center"> Title </div>\ 
     </v-ons-toolbar>\ 
     <p style="text-align: center">\ 
      <v-ons-button @click="$notification.alert(\'Hello World!\')">Click</v-ons-button>\ 
     </p>\ 
     </v-ons-page>' 
    }); 
</script> 
</html>

：ここ

Error: Uncaught TypeError: Vue.util.hyphenate is not a function

は、全体のコードです

これは既知の問題としてこれを見つけることができません。 2.0.0のような古いバージョンのvueで試してみました。

誰でも手助けできますか？

出典

2017-03-03 Mani Gudvardarson

私はあなたと同じエラーを受けて、エラーを見つけて解決しようとします。まず、 "https://unpkg.com/[email protected]"をダウンロードして、あなたのローカルディレクトリにスクリプトのsrcを変更してください。そして、あなたは "[email protected]" を開いて、これらのコードを見つけることができます。だから、あなたは "Vue.util.hyphenate" を見ることができます

var register = function register(Vue, type, items) { 
 
\t (0, _keys2.default)(items).forEach(function (key) { 
 
\t  var value = items[key]; 
 
\t  key = Vue.util.hyphenate(key); 
 
\t  Vue[type](key, value); 
 
\t }); 
 
\t };

を、しかし今ではこの機能を持っていません。このファイルから同じ機能を使用してください。

例：

var register = function register(Vue, type, items) { 
 
\t (0, _keys2.default)(items).forEach(function (key) { 
 
\t  var value = items[key]; 
 
\t  var hyphenate = function hyphenate(string) { 
 
\t \t \t return string.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase(); 
 
\t \t }; 
 
\t  key = hyphenate(key); 
 
\t  Vue[type](key, value); 
 
\t }); 
 
\t };

私の英語はそんなに悪くない、とあなたの時間を使って残念です。

出典

2017-03-07 05:32:00

Vue.jsの最新バージョンでは、Vue.utilの多くの公開メソッドとプロパティが削除されました。

だから、あなたはjavascriptのファイル（https://unpkg.com/[email protected]）をダウンロードして、67行のコードを置き換える必要があります。このコードへ

key = Vue.util.hyphenate(key);

：

key = key.replace(/([a-zA-Z])([A-Z])/g, '$1-$2').toLowerCase();

出典

2017-03-09 23:02:43

エラー：キャッチされない例外TypeError：Vue.util.hyphenateは関数ではありません

答えて

関連する問題