タイトル通り、vue-js-modalをnpmからインストールしようとすると下記のエラーが出て上手くいきません。
PS C:\Users\myName\Desktop\modal-test> npm install vue-js-modal --save
npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\myName\package.json'
npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\myName\package.json'
npm WARN myName No description
npm WARN myName No repository field.
npm WARN myName No README data
npm WARN myName No license field.updated 1 package and audited 2 packages in 0.483s
found 0 vulnerabilities
ファイルまたはディレクトリが無い、やら色々無いと言われているみたいですが、いまいち対処法が分かりません。
一応下記のコードで試しましたが、当然エラーで動きませんでした。
どうすればよいか全く分からず手詰まりになってしまいました。
お忙しい中恐縮ですが、どなたかご教授お願いいたします。
html
1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>sample</title> 7 <link rel="stylesheet" href="CSS/main.css"> 8 </head> 9 <body> 10 <div id="app"> 11 <button v-on:click="show">show</button> 12 <modal name="hello-world"> 13 hello, world! 14 </modal> 15 </div> 16 <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script> 17 <script src="js/script.js"></script> 18 </body> 19</html>
JavaScript
1import VModal from 'vue-js-modal' 2 3Vue.use(VModal) 4 5const vm = new Vue({ 6 el: '#app', 7 methods: { 8 show () { 9 this.$modal.show('hello-world'); 10 }, 11 } 12})
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/06/06 20:44 編集
2019/06/06 22:07
2019/06/06 22:22 編集
2019/06/07 07:09