vue js不在laravel v8项目中编译

ie3xauqp  于 2023-03-13  发布在  Vue.js
关注(0)|答案(1)|浏览(138)

你认为你可以帮我一个拉瑞维尔/vue js模板网站称为敦实从codecanyon。
我一直在尝试添加一些自定义字段到一对夫妇的表单,但它不会工作,由于一个问题,与npm和vue js。
当第一次运行“npm安装”时,它给我错误(找到所附的图片)。
每当我在后端添加一些东西时,它都会成功添加,但当我在前端进行更改时,它不会加载,也不会显示在导航器上。
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"
    },
    "dependencies": {
        "@johmun/vue-tags-input": "^2.1.0",
        "@pencilpix/vue2-clock-picker": "^0.1.6",
        "@stripe/stripe-js": "^1.20.3",
        "@trevoreyre/autocomplete-vue": "^2.2.0",
        "@vee-validate/i18n": "^4.5.3",
        "axios": "^0.19.2",
        "babel-polyfill": "^6.26.0",
        "bootstrap": "^4.5.3",
        "bootstrap-vue": "^2.21.2",
        "core-js": "^3.19.0",
        "cross-env": "^7.0.3",
        "echarts": "^4.9.0",
        "es6-promise": "^4.2.8",
        "jspdf": "^2.3.0",
        "jspdf-autotable": "^3.5.23",
        "laravel-mix": "^6.0.41",
        "lodash.orderby": "^4.6.0",
        "mini-css-extract-plugin": "^2.5.3",
        "mobile-device-detect": "^0.4.3",
        "moment": "^2.29.1",
        "moment-locales-webpack-plugin": "^1.2.0",
        "nprogress": "^0.2.0",
        "targets-webpack-plugin": "^4.0.0",
        "vee-validate": "^3.4.5",
        "vue": "^2.6.12",
        "vue-barcode": "^1.3.0",
        "vue-clickaway": "^2.2.2",
        "vue-cookie": "^1.1.4",
        "vue-cookies": "^1.7.4",
        "vue-easy-print": "0.0.8",
        "vue-echarts": "^5.0.0-beta.0",
        "vue-excel-xlsx": "^1.2.2",
        "vue-flag-icon": "^1.0.6",
        "vue-good-table": "^2.21.11",
        "vue-html-to-paper": "^1.4.4",
        "vue-i18n": "^8.26.5",
        "vue-image-lightbox-carousel": "^1.0.7",
        "vue-lazyload": "^1.3.3",
        "vue-loader": "^15.9.8",
        "vue-localstorage": "^0.6.2",
        "vue-meta": "^2.4.0",
        "vue-mj-daterangepicker": "^0.1.11",
        "vue-navigation-bar": "^4.1.0",
        "vue-perfect-scrollbar": "^0.2.1",
        "vue-router": "^3.5.3",
        "vue-select": "^3.16.0",
        "vue-simple-spinner": "^1.2.10",
        "vue-sweetalert2": "^3.0.8",
        "vue-upload-multiple-image": "^1.1.6",
        "vue2-daterange-picker": "^0.6.8",
        "vuejs-datepicker": "^1.6.2",
        "vuex": "^3.6.0"
    },
    "devDependencies": {
        "@vue/composition-api": "^1.2.4",
        "@vue/eslint-config-prettier": "^6.0.0",
        "babel-eslint": "^10.1.0",
        "copy-webpack-plugin": "^6.4.1",
        "eslint-plugin-vue": "^6.2.2",
        "postcss-loader": "^6.2.1",
        "resolve-url-loader": "^5.0.0",
        "sass": "^1.49.7",
        "sass-loader": "^8.0.2",
        "vue-template-compiler": "^2.6.14",
        "webpack-bundle-analyzer": "^4.5.0",
        "webpack-cli": "^4.9.2",
        "webpack-i18n-extractor-plugin": "^2.0.7"
    }
}

3phpmpom

3phpmpom1#

回答这个晚,但可能对某人有用。我最近使用敦实,并面临同样的问题,我是新的laravel和nodeiderjs我的问题解决以下方法
首先删除package.lock.json文件和node_modules文件夹
然后使用命令清除缓存

npm cache clear --force

然后向下运行

npm install cross-env
 
npm install

npm audit fix

npm rebuild node-sass

php artisan optimize

所有这些都安装成功,也能够运行php工匠服务和npm运行手表。
环境详细信息:

stocky 3.9
node 12.0.0
php 7.4.1
IIS webserver 10 in windows 11 22H2

然而,stocky有不同的版本,你还需要确保node,php和mysql的版本与stocky的构建兼容。希望这对你有帮助
注:我不知道解释以上命令,因为我在学习阶段。任何人想要即兴这个答案总是受欢迎的。

相关问题