代码之家  ›  专栏  ›  技术社区  ›  Qwertie

除非复制并粘贴回浏览器样式编辑器中,否则VueJS编译的应用css无法工作

  •  0
  • Qwertie  · 技术社区  · 6 年前

    我用 npm run build 在firefox中查看结果时,CSS不会显示它确实加载在“网络”选项卡中,并显示在样式编辑器下,但显示“0规则”。跑步时一切都很好 npm run serve 正在开发中。

    enter image description here

    如果复制样式文本并将其粘贴到自身上,则样式将正确加载

    enter image description here

    这是我的应用程序的HTML

    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset=utf-8>
        <meta http-equiv=X-UA-Compatible content="IE=edge">
        <meta name=viewport content="width=device-width,initial-scale=1">
        <link rel=icon href=/favicon.ico>
        <title>frontend</title>
        <link as=style href=/css/app.36bb3a4e.css rel=preload>
        <link as=style href=/css/chunk-vendors.baa7246e.css rel=preload>
        <link as=script href=/js/app.fcf42d91.js rel=preload>
        <link as=script href=/js/chunk-vendors.ea5cf647.js rel=preload>
        <link href=/css/app.36bb3a4e.css rel=stylesheet>
        <link href=/css/chunk-vendors.baa7246e.css rel=stylesheet>
    </head>
    
    <body><noscript><strong>We're sorry but frontend doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript>
        <div id=app></div>
        <script src=/js/app.fcf42d91.js></script>
        <script src=/js/chunk-vendors.ea5cf647.js></script>
    </body>
    
    </html>
    

    是什么引起的?我该怎么解决?

    1 回复  |  直到 6 年前
        1
  •  2
  •   Qwertie    6 年前

    发现nginx正在为css文件提供内容类型 text/plain 而不是 text/css . 添加 include /etc/nginx/mime.types; location 布洛克修好了。