【问题标题】:Modifying Vue files "HTML" but not working on my localhost修改 Vue 文件“HTML”但不能在我的本地主机上工作
【发布时间】:2020-02-20 21:18:18
【问题描述】:

我正在运行一个 Laravel 项目,我有一些需要更改的 vue 文件(例如,删除一些东西),但问题是我从 vue 文件中删除了它们,但它们仍然出现在网站。如果我修改其他任何东西,比如welcome.blade 或其他任何东西,它确实有效,但不适用于这个vue 文件。

我让它工作的唯一时间是停止项目,运行 npm run dev,npm run watch --poll 并使用 php artisan serve 再次启动服务器,但是当我再次尝试这样做时,它没有工作。

我不知道我是否在这里遗漏了一些明显的东西。请帮帮我:)另外,如果我在这里遗漏了一些信息,请告诉我,以便我可以发布它,以便有人可以帮助我。谢谢!

这是我的根文件夹中的 package.json。

{ "private": true, "scripts": { "dev": "npm run development", "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch": "npm run development -- --watch", "watch-poll": "npm run watch -- --watch-poll", "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", "prod": "npm run production", "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" }, "devDependencies": { "axios": "^0.19", "bootstrap": "^4.1.0", "cross-env": "^5.1", "jquery": "^3.2", "laravel-mix": "^4.0.7", "lodash": "^4.17.13", "popper.js": "^1.12", "resolve-url-loader": "^2.3.1", "sass": "^1.15.2", "sass-loader": "^7.1.0", "vue": "^2.5.17", "vue-template-compiler": "^2.6.11" } }

【问题讨论】:

  • 你的 Laravel 项目会不会缓存或移动 Vue 输出到它提供服务的地方?
  • 对不起,我不太明白你在说什么,我对 Vue 有点陌生。
  • 试试npm run production。并使用 Ctrl + F5 重新加载页面,因为浏览器将忽略缓存重新加载页面。
  • @porloscerrosΨ 我做到了,我运行了 npm run production,它已编译,但随后就像它结束了,如果这很正常,我知道。然后我运行 php artisan serve 但它不起作用(vue文件的更改)。在另一个终端窗口上运行服务器的同时,我还运行了 npm run production,但没有工作。我还尝试在隐身模式下打开。我错过了什么吗?
  • 我还不确定这是 Vue 的问题,还是你的 Laravel 处理 JavaScript 文件的问题。如果 Laravel 项目将您的文件从 Vue 构建它们的地方移动到其他地方以将它们提供给客户端,那么它可能只会在您的 php artisan serve 命令期间移动这些文件一次。你能从 Vue 项目中发布你的 package.json 吗?

标签: vue.js


【解决方案1】:

您的文件需要编译,因此您需要在编辑 npm run watch 时运行,并且您会在重新加载时看到实时更改,并且可能在您运行它的终端上丢弃一些错误。

这是在 Laravel documentation 关于 Vue 的“提示”中明确指定的。

【讨论】:

  • 这要么不起作用,要么我不明白。我的终端使用 php artisan serve 运行,我打开另一个,进入我的项目,然后运行 ​​npm run watch ?如果这就是你的意思,我没有收到任何更新:(
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-03-04
  • 2016-02-21
  • 2018-10-27
  • 2013-04-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多