ParseError：予想される "インデント"、 "！"

Question

スタイラスでVuejsアプリケーションを構築しようとしています。 stylus stylus-loader style-loader css-loader addを、rules配列のbuild/webpack.base.conf.jsに追加してインストールします。

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

と私はsrcフォルダ名main.stylで空のファイルを作成し、main.js.に追加

私はそのエラーを示すnpm run devを実行し、ここに何が間違っ

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

...

Answer 1

私はmain.js.にインポート*の.stylについて同じ問題に会いました

マイソリューション：webpack.base.conf.jsを開いて、 "module.rules" の部分を見つけ、 "VUE^2.5.2"、VUE-CLI ^に基づいて

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

マイプロジェクトを主張2.8.2、私はあなたを助けることを願っています。

私webpack.base.conf.jsファイル：