繁体   English   中英

npm run prod 不会在 vue.js 上启用生产模式

[英]npm run prod doesn't enable production mode on vue js

我在 Vuejs 中使用 Laravel。 我想发布我的网站,但我一直在浏览器控制台中收到此消息。

您正在开发模式下运行 Vue。 确保在部署生产时打开生产模式。 查看更多提示https://vuejs.org/guide/deployment.html

我执行了 npm run prod 并清除了浏览器 (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');

这是来自我的 package.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 run prod 时得到的

> @ 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>

:facepalm:

对不起,我很愚蠢。

对于任何有同样问题的人,我通过改变解决了这个问题

window.Vue = require('vue/dist/vue');

window.Vue = require('vue/dist/vue.min');

我正在使用 Vue 2.6.4

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM