我正在使用 Laravel和 Vuejs。我想发布我的网站,但我在浏览器控制台中不断收到此消息。
你正在开发模式下运行 Vue。 确保在部署生产环境时打开生产模式。 在 https://vuejs.org/guide/deployment.html 查看更多提示
我执行了 npm 运行生产并清除了浏览器 (chrome( 上的缓存,但我仍然不断收到此消息。 我的webpack.mix.js看起来像这样:
const mix = require('laravel-mix');
module.exports = {
mode: 'production',
resolve: {
alias: {
vue: process.env.NODE_ENV == 'production' ? 'vue/dist/vue.min.js' : 'vue/dist/vue.js'
}
}
}
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');
这是来自我的包.json:
"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"
这是我在执行 npm 运行生产时得到的
> @ prod /var/www/html/clash
> npm run production
> @ production /var/www/html/clash
> cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no- progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js
Browserslist: caniuse-lite is outdated. Please run next command `npm update`
DONE Compiled successfully in 17705ms 6:29:11 PM
Asset Size Chunks Chunk Names
/css/app.css 225 KiB 0 [emitted] /js/app
/js/app.js 515 KiB 0 [emitted] [big] /js/app
fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot? 088a34f78f530102fd9661173b4a4f26 129 KiB [emitted]
fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.svg? d72293118cda50ec50c39957d9d836d0 692 KiB [emitted] [big]
fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf? 273dc9bf9778fd37fa61357645d46a28 129 KiB [emitted]
fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2? 822d94f19fe57477865209e1242a3c63 74.2 KiB [emitted]
fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff? f4920c94c0861c537f72ba36590f6362 87 KiB [emitted]
fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot? 3ac49cb33f43a6471f21ab3df40d1b1e 33.6 KiB [emitted]
fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.svg? d2e53334c22a9a4937bc26e84b36e1e0 141 KiB [emitted]
fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf? ece54318791c51b52dfdc689efdb6271 33.3 KiB [emitted]
fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2? 9efb86976bd53e159166c12365f61e25 13.3 KiB [emitted]
fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff? a57bcf76c178aee452db7a57b75509b6 16.4 KiB [emitted]
fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot? 7fb1cdd9c3b889161216a13267b55fe2 190 KiB [emitted]
fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.svg? 7a5de9b08012e4da40504f2cf126a351 829 KiB [emitted] [big]
fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf? 2aa6edf8f296a43b32df35f330b7c81c 189 KiB [emitted]
fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2? f6121be597a72928f54e7ab5b95512a1 74.3 KiB [emitted]
fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff? 93f284548b42ab76fe3fd03a9d3a2180 96.7 KiB [emitted]
┌────────────────────────────────────────────────────────┐
│ npm update check failed │
│ Try running with sudo or get access │
│ to the local update config store via │
│ sudo chown -R $USER:$(id -gn $USER) /home/umut/.config │
└────────────────────────────────────────────────────────┘
┌────────────────────────────────────────────────────────┐
│ npm update check failed │
│ Try running with sudo or get access │
│ to the local update config store via │
│ sudo chown -R $USER:$(id -gn $USER) /home/umut/.config │
└────────────────────────────────────────────────────────┘
我做错了什么?
我能够解决问题。 这是我的布局边栏选项卡模板:
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
:脸掌:
对不起,愚蠢。
对于任何有同样问题的人,我通过更改解决了这个问题
window.Vue = require('vue/dist/vue');
自
window.Vue = require('vue/dist/vue.min');
我正在使用 Vue 2.6.4