Vue 项目报错:Syntax Error:Unexpected token 和 Module build failed: Error: No PostCSS Config found in...

    科技2024-11-21  2

    以下分别对标题中的两个报错做出解答:

    问题一描述:Vue 项目运行报错(提示:Syntax Error:Unexpected token),且报错提示位于扩展运算符

    原因:Vue 项目构建不支持扩展运算符,需要手动配置 解决方法: 在项目根目录手动创建一个 .babelrc 文件,将下面内容写入该文件后重新 npm run dev 即可

    { "presets": [ "stage-2" ] }


    问题二描述:Vue 项目运行构建报错(提示:Module build failed: Error: No PostCSS Config found in…) 原因:Vue 项目构建缺乏对 postcss 的支持,需要手动配置 解决方法: 在项目根目录手动创建一个 postcss.config.js 文件,将下面内容写入该文件后重新 npm run dev 即可

    module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} } }

    Processed: 0.038, SQL: 8