【问题标题】:npm run prod doesn't enable production mode on vue jsnpm run prod 没有在 vue js 上启用生产模式
【发布时间】:2020-09-07 02:00:20
【问题描述】:

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

您正在开发模式下运行 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 │
└────────────────────────────────────────────────────────┘

我做错了什么?

【问题讨论】:

  • 从这方面看来程序是正确的,你是如何在 laravel Blade 中包含 webpack 编译资源的?
  • @RoccoMilluzzo 我这样包含它:
  • @RoccoMilluzzo 我将 npm run prod 的输出添加到问题中。也许它会帮助你。
  • 试试这个
  • 简单的预调试检查,这对于让路很重要:您是否记得告诉浏览器绕过缓存,以便它不会继续使用您的任何过时捆绑包已缓存,而是加载当前的?

标签: javascript laravel vue.js npm webpack


【解决方案1】:

我能够解决问题。 这是在我的布局刀片模板中:

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

:脸:

对不起,我太笨了。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-03-22
    • 2019-02-08
    • 2019-02-10
    • 2021-01-31
    • 2023-04-02
    • 2018-09-07
    • 1970-01-01
    • 2021-04-26
    相关资源
    最近更新 更多