postcss.config.js 改为cjs结尾之后 uni-app 报错找不到文件

postcss.config.js 改为cjs结尾之后 uni-app 报错找不到文件

开发环境 版本号 项目创建方式
Mac 12.6 CLI
Chrome

操作步骤：

  1. 全局安装 vue-cli
    npm install -g @vue/cli
  2. 创建正式版uni-app
    vue create -p dcloudio/uni-preset-vue my-project

更多关于postcss.config.js 改为cjs结尾之后 uni-app 报错找不到文件的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于postcss.config.js 改为cjs结尾之后 uni-app 报错找不到文件的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 项目中，如果你将 postcss.config.js 改为 postcss.config.cjs 结尾，可能会导致 uni-app 构建工具无法正确识别配置文件，从而报错找不到文件。

这是因为 uni-app 的构建工具默认会查找 postcss.config.js 文件，而不会自动识别 .cjs 扩展名。

解决方案

  1. 恢复为 .js 扩展名： 最简单的解决方案是将 postcss.config.cjs 改回 postcss.config.js。这样 uni-app 构建工具就能正确识别配置文件。

    mv postcss.config.cjs postcss.config.js

  2. 使用 require 导入配置： 如果你坚持使用 .cjs 扩展名，可以在 vue.config.js 中手动导入 postcss 配置。这样你可以绕过默认的配置文件查找机制。

    在 vue.config.js 中添加以下内容：

    const postcssConfig = require('./postcss.config.cjs');

module.exports = {
  css: {
    loaderOptions: {
      postcss: {
        postcssOptions: postcssConfig,
      },
    },
  },
};

    这样，uni-app 构建工具会使用你在 vue.config.js 中指定的 postcss 配置。

  3. 检查构建工具版本： 确保你使用的 uni-app 构建工具是最新版本，因为某些旧版本可能不支持 .cjs 扩展名。

    你可以通过以下命令更新 uni-app 相关依赖：

    npm update [@dcloudio](/user/dcloudio)/uni-app
回到顶部