Laravel Example.vue不更新

我想弄清楚如何在Laravel 5項目中使用Vue。基本的Laravel安裝了app.js和Example.vue。我能夠有「我是一個示例組件！」通過添加到home.blade.php顯示在我的視圖中。讓我神祕的是，除了其他問題之外，我無法改變這個組件。Laravel Example.vue不更新

如果我更改Example.vue中的文本（只是在模板部分，而不是邏輯），它根本不會更新。（我嘗試按照Laravel文檔等來運行npm run dev，並且它似乎編譯時沒有錯誤，並且當時修改了/public/js/app.js，但瀏覽器中的視圖不會更改。）

當我修改app.blade.php時，出現這些變化，就像home.blade.php中的變化一樣。但是，我找不到證明更改/resources/assets/js/app.js或Example.vue的內容有任何影響。更令人困惑的是，如果我從app.blade.php div元素中刪除id =「app」，這不會導致Example組件消失。基於使用vue jsfiddle，看起來這應該會破壞組件。

我不確定它是某種緩存問題，還是編譯問題，或者我不瞭解vue的工作方式或內容，但我不知道發生了什麼問題。我直接從laravel安裝中使用webpack.mix.js文件，並試圖停止並重新啓動vagrant，並重新加載瀏覽器和php artisan緩存：清除。（之前我嘗試過使用Elixir而不是Mix，並且用vueify和gulp來解決同樣的問題。）

任何建議將不勝感激！

來源

2017-02-15 eveames

是否嘗試從瀏覽器（F12）打開您的控制檯，然後轉到網絡並檢查並取消選中禁用緩存，然後重新加載您的頁面。您的瀏覽器使用舊的存儲文件。

來源

2017-03-09 09:07:16

這對我無效 –

我有完全相同的問題。禁用緩存，刪除緩存和視圖不會有幫助。我正在使用Laravel 5.4在共享託管站點上開發。

該視頻的評論https://www.youtube.com/watch?v=pTVCW5k4piU建議 npm install和npm run watch。按照這個頁面的說明https://ferugi.com/blog/nodejs-on-godaddy-shared-cpanel/我能夠讓npm install工作，但是npm run watch給了我錯誤。

看起來Vue組件將會是我想要做的最好的解決方案，但是如果我不能讓它們爲我工作，我將不得不使用AJAX。

來源

2017-03-18 05:16:11 everstrivin

此頁（https://laracasts.com/discuss/channels/elixir/laravel-54-dev-npm-run-dev-error?page=4 ）顯示package.json文件中的cross-env路徑缺少dist，因此對於我的package.json文件中的所有跨環境實例，我放置了cross-env/dist/ie「dev」：「node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV =開發node_modules/webpack/bin/webpack.js --progress --hide-modules --config = node_modules/laravel-mix/setup/webpack.config。js「之後，npm run watch爲我工作。 – everstrivin

我有同樣的確切問題。我使用的是本地開發環境（帶有php7和mysql的Mac OS X Sierra）。我試着如上所述緩存清理。停止並重新啓動PHP服務器（以防萬一..）：沒有運氣。然後'composer dump-autoload'：問題依然存在。然後， '故宮鐘錶運行'，這給瞭如下因素的信息：

> @ watch /Users/ulam/code/myproj 
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js 

10% building modules 1/1 modules 0 active Webpack is watching the files… 

95% emitting 

DONE Compiled successfully in 4171ms

然後：

nks     Chunk Names 
    fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.eot?f4769f9bdb7466be65088239c12046d1 20.1 kB   [emitted] 
fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.woff2?448c34a56d699c29117adc64c43affeb 18 kB   [emitted] 
fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.woff?fa2772327f55d8198301fdb8bcfc8158 23.4 kB   [emitted] 
    fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.ttf?e18bbf611f2a2e43afc071aa2f4e1512 45.4 kB   [emitted] 
    fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.svg?89889688147bd7575d6327160d64e760 109 kB   [emitted] 
                           /js/app.js 1.2 MB  0 [emitted] [big] /js/app 
                          /css/app.css 147 kB  0 [emitted]   /js/app 


WAIT Compiling...                       19:48:26 

95% emitting 

DONE Compiled successfully in 86ms                   19:48:26 

     Asset Size Chunks     Chunk Names 
    /js/app.js 1.2 MB  0 [emitted] [big] /js/app 
/css/app.css 147 kB  0 [emitted]   /js/app 


WAIT Compiling...                       19:49:37 

95% emitting 

DONE Compiled successfully in 121ms                   19:49:38 

     Asset Size Chunks     Chunk Names 
    /js/app.js 1.2 MB  0 [emitted] [big] /js/app 
/css/app.css 147 kB  0 [emitted]   /js/app

然後一切工作。（Laravel 5.5.3）

來源

2017-09-13 19:13:14 michael

Laravel Example.vue不更新​​

回答

相關問題

Laravel Example.vue不更新