Question

我启动了一个新的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文件时，我得到了像prod版本的main.js（未编译），并且在控制台中有错误：

Uncaught SyntaxError: Unexpected token import

如果我再次保存这个文件，我得到了正常编译的main.js文件，但它没有呈现我的应用程序

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

Laravel Mix（Vue + Stylus）。 npm上的空白页运行手表

0 个答案: