《Webpack 报错》Module parse failed: Unexpected token

原创已于 2024-03-06 16:16:45 修改 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #webpack

于 2023-06-13 14:11:12 首次发布

《Node.js/Vite/Webpack 报错合集》专栏收录该内容

16 篇文章

订阅专栏

在Vue项目中遇到无法解析CSS和Stylus的问题时，可以通过修改webpack配置文件解决。具体操作是在`webpack.config.js`的`module.rules`中添加规则，确保`vue-loader`、`style-loader`、`css-loader`和`stylus-loader`正确配置，这样可以处理.vue文件中的样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
无法解析 vue 文件中的 css stylus。修改配置文件 webpack.config.js 文件。第 4 行，加上 vue 即可。

module: {
    rules: [
        {
            test: /\.(css|vue)$/,
            use: [
                "vue-loader",
                "style-loader",
                "css-loader",
                'stylus-loader'
            ]
        },
    ]
}