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不更新