如何发现rollup 3.1.0的更新错误？

1. 我想安装rollup-plugin-visualizer，但它需要更新rollup。

2. 更新了从1.8.0到3.1.0的rollup。

   出错了

   [!] RollupError: Node tried to load your configuration file as CommonJS even though it is likely an ES module. To resolve this, change the extension of your configuration to ".mjs", set "type": "module" in your package.json file or pass the "--bundleConfigAsCjs" flag.
   

3. 删除node-modules文件夹和package-lock.json，然后重新安装 npm i

出错了

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: @bet-core/ui@2.4.0
npm ERR! Found: rollup@3.1.0
npm ERR! node_modules/rollup
npm ERR!   dev rollup@"^3.1.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer rollup@">=0.60.0 <3" from rollup-plugin-babel@4.4.0
npm ERR! node_modules/rollup-plugin-babel
npm ERR!   dev rollup-plugin-babel@"^4.3.2" from the root project

rollup-plugin-babel npm页面说！!

4. 我已经删除了rollup-plugin-babel，然后安装了@rollup/plugin-babel.，现在我得到了这个错误。

[!] RollupError: Node tried to load your configuration file as CommonJS even though it is likely an ES module. To resolve this, change the extension of your configuration to ".mjs", set "type": "module" in your package.json file or pass the "--bundleConfigAsCjs" flag.
    Original error: Cannot use import statement outside a module

谁能告诉我在哪里可以找到这个错误的解决方案呢？

我已经找到了解决方案。 首先将格式从'esm'改为'cjs'，然后在rollup.config.js中改为'cjs'。

export default {
    ...
    output: [
             {
                format: 'cjs',
                ...
            },
       
    ]
};

然后rollup.config.js改成了rollup.config.mjs

嗨，伙计，我在运行"npm run rollup"时也有同样的问题。

RollupError。Node试图将你的配置文件作为CommonJS加载，尽管它可能是一个ES模块。要解决这个问题，请将配置的扩展名改为".mjs"，在package.json文件中设置"type": "module"或者通过"-bundleConfigAsCjs"标志。

我发现了什么。

• https://github.com/rollup/rollup/issues/4619
• https://github.com/rollup/rollup/pull/4621 -您可以通过安装Rollup vi npm install rollup/rollup#esm-load-config在本地试用这个拉动请求，或者将其加载到REPL中： https://rollupjs.org/repl/?pr=4621
• 这可能也是可行的。https://github.com/rollup/rollup/blob/master/docs/01-command-line-reference.md

如果你使用的是node v14，将其升级到v16，这在我的案例中是可行的，特别是当你在GitHub Action中运行Rollup的时候。

name: Release @vueup/vue-quill

on: 
  push: 
    branches: 
      - alpha
      - beta
      - master
    paths: 
      - 'packages/vue-quill/**'
jobs: 
  release: 
    name: Build and release
    runs-on: ubuntu-latest
    steps: 
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: 16
      - name: Install root deps
        run: npm ci
      - name: Install package deps
        working-directory: packages/vue-quill
        run: npm ci
      - name: Release package
        working-directory: packages/vue-quill
        run: npx ts-node ../../scripts/release.ts vue-quill
        env: 
          GH_TOKEN: ${{ secrets.GH_TOKEN }}
          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}