ParseError: attendu "indent", got "!"

Question

J'essaye de construire une application de Vuejs avec le stylus. J'installe stylus stylus-loader style-loader css-loader ajouté dans build/webpack.base.conf.js au tableau de règles.

{ 
    test: /\.styl$/, 
    loader: ['style-loader', 'css-loader', 'stylus-loader'] 
} 

et j'ai créé un fichier vide dans le nom du dossier src main.styl et ajouté à main.js.

quand je lance npm run dev son montrant une erreur,

Module build failed: ParseError: expected "indent", got "!"

Quel mal ici ...

Answer 1

j'ai rencontré le même problème à propos de l'importation * .styl dans le main.js.

Ma solution: ouvrir les webpack.base.conf.js, trouver la partie "module.rules", affirment

{ 
    test: /\.css$/, 
    use: ['style-loader', 'css-loader', 'stylus-loader'], 
}, 

Mon projet basé sur "vue^2.5.2", vue-cli^2.8.2, j'espère que cela peut vous aider.

mon fichier webpack.base.conf.js: