1

我启动了一个新的 Laravel + Vue + Stylus 项目，但我无法正常工作，因为在 .styl 文件上添加/编辑某些样式时总是出现空白页。当我编辑我的 .vue 模板时，它会恢复正常状态。

我的 main.js 文件：

import Vue from 'vue';
import VueRouter from 'vue-router';
import { routes } from './routes/index';
import App from './App.vue';

Vue.use(VueRouter);

const router =  new VueRouter({
    mode: 'history',
    routes
});

new Vue({
    el: '#app',
    router,
    render: h => h(App)
});

我的 webpack.mix.js 文件：

mix.js('resources/assets/js/main.js', 'public/js')
      .stylus('resources/assets/stylus/app.styl', 'public/css')
      .browserSync('localhost:8000');

我注意到的一些奇怪的事情是，当我保存我的 .styl 文件时，我得到了 main.js 之类的 prod 版本（未编译），并且在控制台中有一个错误：

Uncaught SyntaxError: Unexpected token import

如果我再次保存此文件，我会得到正常编译的 main.js 文件，但它不会呈现我的应用程序

最后，当我编辑 .vue 模板时，一切都很完美。

4

0 回答 0