Npm 運行觀察 Laravel 中的不工作變化

Question

我在 laravel 中有這個問題我已經運行npm run watch ，當我嘗試更改一些值然后保存並且當我刷新時，它沒有改變。 如果有人能弄清楚，那就太好了，在此先感謝您..

問題是當我終止並重新運行npm run watch它會更改更新，但是要再次終止以查看我嘗試過的程序的更新非常麻煩

npm watch-poll

我已經嘗試清除我的 chrome 瀏覽器上的緩存

我一直在使用 laragon 我的 laragon 有什么問題嗎？ 或者我猜問題出在我的 chrome 瀏覽器上？

這是我的 package.json

{
"private": true,
"scripts": {
    "dev": "npm run development",
    "development": "mix",
    "watch": "mix watch",
    "watch-poll": "mix watch -- --watch-options-poll=1000",
    "hot": "mix watch --hot",
    "prod": "npm run production",
    "production": "mix --production"
},
"devDependencies": {
    "axios": "^0.21",
    "bootstrap": "^4.0.0",
    "jquery": "^3.2",
    "laravel-mix": "^6.0.6",
    "lodash": "^4.17.19",
    "popper.js": "^1.12",
    "postcss": "^8.1.14",
    "resolve-url-loader": "^3.1.2",
    "sass": "^1.20.1",
    "sass-loader": "^8.0.0",
    "vue": "^2.5.17",
    "vue-loader": "^15.9.5",
    "vue-template-compiler": "^2.6.10"
},
"dependencies": {
    "vue-router": "^3.5.1"
}
}

這是我更改 index.vue 的文件當我將值從Hello_value更改為某個值時，它沒有改變

<template>
<div>
    <router-link v-bind:to="{name: 'home'}">Hello_value</router-link>
    <router-link v-bind:to="{name: 'second'}">Second</router-link>
    <router-view></router-view>
</div>
</template>

我一直很好奇使用 npm 運行手表有什么問題，我剛開始學習 laravue

Answer 1

嘗試將 package.json 更新為以下內容，然后運行npm install 。

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "mix",
        "watch": "mix watch",
        "watch-poll": "mix watch -- --watch-options-poll=1000",
        "hot": "mix watch --hot",
        "prod": "npm run production",
        "production": "mix --production"
    },
    "devDependencies": {
        "axios": "^0.21",
        "bootstrap": "^5.0.2",
        "css-loader": "^5.2.7",
        "jquery": "^3.6",
        "laravel-mix": "^6.0.25",
        "lodash": "^4.17.21",
        "popper.js": "^1.12",
        "postcss": "^8.3.5",
        "resolve-url-loader": "^4.0.0",
        "sass": "^1.35.2",
        "sass-loader": "^12.1.0",
        "vue": "^2.6.14",
        "vue-loader": "^15.9.6",
        "vue-router": "^3.5.2",
        "vue-template-compiler": "^2.6.14"
    }
}