小编Rav*_*ani的帖子

Vue Js 应用程序在开发模式下运行良好，但当我将它上传到服务器时，它只显示一个空白页面。所有资源都显示在开发人员控制台中。我正在使用 vue-router 包。

VueJs 2 / Vue-CLI-3

下面是我的 App.vue

<template>
  <div id="app">
    <m-nav/>
    <router-view></router-view>  
  </div>
</template>

<script>
import Navbar from './components/Navbar.vue'

export default {
  name: 'app',
  components: {
    'm-nav':Navbar

  }
}


</script>



<style>

</style>

这是我的 main.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'
import HomePage from './components/HomePage.vue'
import Brochure from './components/Brochure.vue'
import Register from './components/Register.vue'

Vue.config.productionTip = false

Vue.use(VueRouter);

const routes = [
    {
        path:'/',
        component: HomePage
    },
    {
        path:'/download',
        component: Brochure
    }, …

我正在构建一个 nuxt 应用程序并使用 scss 进行样式设置。

我已经安装node-sass并且sass-loader现在能够加载外部 scss 文件。该全局文件正在由 autoprefixer 处理（例如：如果我这样做display: flex，它会自动添加display: -webkit-box; display: -ms-flexbox;），

我已将这些行从 doc 添加到我的nuxt.config.js文件中，并安装了 4 个 pakcages，如下所述（postcss-url、postcss-nested 等..）

postcss: {
            plugins: {
                'postcss-url': false,
                'postcss-nested': {},
                'postcss-responsive-type': {},
                'postcss-hexrgba': {}
            },
            preset: {
                autoprefixer: {
                    grid: true,
                    flexbox: true
                }
            }
        },

我希望我的内联样式lang="scss"也应该以与全局 scss 文件相同的方式工作（例如：如果我这样做display: flex，它会自动添加display: -webkit-box; display: -ms-flexbox;）。