2.9.2 regression - Cannot read properties of null (reading 'isCE')

[jzs11]

Describe the bug

Please use provided repo and run npm run dev then open developer console you will see the error.
Downgrade to 2.9.1 problem is gone.

Reproduction

https://github.com/jzs11/vite-regression-playground

System Info

System:
    OS: macOS 12.3.1
    CPU: (10) arm64 Apple M1 Max
    Memory: 4.11 GB / 32.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 17.8.0 - /usr/local/bin/node
    Yarn: 1.22.15 - /usr/local/bin/yarn
    npm: 8.5.5 - /usr/local/bin/npm
  Browsers:
    Chrome: 100.0.4896.88
    Firefox: 99.0
    Safari: 15.4
  npmPackages:
    @vitejs/plugin-vue: 2.3.1 => 2.3.1 
    vite: 2.9.2 => 2.9.2

Used Package Manager

npm

Logs

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[sodatea]

Caused by my PR: #7582

devextreme-vue requires the CJS build of vue, while primevue imports the ESM version.

I'm not sure how to fix it yet.

[carl-jin]

try this, force him to use esm bunder.

export default defineConfig(({ command }) => {
  return {
    resolve: {
      alias: [
        {
          find: "@vue/runtime-core",
          replacement: "@vue/runtime-core/dist/runtime-core.esm-bundler.js",
        },
      ],
    },
  };
});

The reason for this is because if your project import a package thats is export by cjs, for some reason, the vue-core runtime will also import cjs, that's why we got an error here, btw this also causes the hmr not works in vue file.

[jzs11]

Thanks for the response; it is working as expected. Feel free to close the ticket as it has a workaround :)

The third workaround by using the resolve alias.

[sodatea]

An alias for vue$ would suffice:

  resolve: {
    alias: [
      {
        find: '@',
        replacement: path.resolve(__dirname, 'src'),
      },
      {
        find: 'vue$',
        replacement: 'vue/dist/vue.runtime.esm-bundler.js',
      },
    ],
  },

[riskihajar]

try this, force him to use esm bunder.

export default defineConfig(({ command }) => {
  return {
    resolve: {
      alias: [
        {
          find: "@vue/runtime-core",
          replacement: "@vue/runtime-core/dist/runtime-core.esm-bundler.js",
        },
      ],
    },
  };
});

The reason for this is because if your project import a package thats is export by cjs, for some reason, the vue-core runtime will also import cjs, that's why we got an error here, btw this also causes the hmr not works in vue file.

thanks, hmr vue working now

[filiptammergard]

I think I'm having a related problem. ^2.9.2 makes my React+Vite crash on development. 2.9.1 is fine.

[patak-dev]

Please update to vite@2.9.5, where #7582 have been reverted

[jzs11]

I can confirm it is now working as expected after upgrading to 2.9.5.
Thank you guys for your effort.

[ZQ-jhon]

try this, force him to use esm bunder.

export default defineConfig(({ command }) => {
  return {
    resolve: {
      alias: [
        {
          find: "@vue/runtime-core",
          replacement: "@vue/runtime-core/dist/runtime-core.esm-bundler.js",
        },
      ],
    },
  };
});

The reason for this is because if your project import a package thats is export by cjs, for some reason, the vue-core runtime will also import cjs, that's why we got an error here, btw this also causes the hmr not works in vue file.

Thanks, useful for me!