Failed to resolve entry for package "monaco-editor"

[zfben]

I build a vite project with the example from https://github.com/microsoft/monaco-editor/tree/main/samples/browser-esm-vite-react .

Then I add vitest and the test code is:

/**
 * @vitest-environment jsdom
 */

import { render, screen } from '@testing-library/react'
import { Editor } from '..'
import { test, expect } from 'vitest'

test('should work', () => {
  render(< Editor />)

  expect(screen.getByText('Editor')).toEqual({})
})

But it shows Failed to resolve entry for package "monaco-editor". The package may have incorrect main/module/exports specified in its package.json: Failed to resolve entry for package "monaco-editor". The package may have incorrect main/module/exports specified in its package.json

What should I do to let the case run?

[sheremet-va]

This happens because Native Node cannot resolve path to monaco editor because it doesn't have exports field. Try adding this to your config:

{
  test: {
    deps: {
      inline: ['monaco-editor']
    }
  }
}

[sheremet-va]

I suggest creating an issue in their repository. They don't even have main entry in package.json. Their package.json should be something like this:

{
  "main": "./esm/vs/editor/editor.main.js",
  "type": "module",
}

[fneves]

any way we can mock this dependency from being imported entirely?

[sheremet-va]

any way we can mock this dependency from being imported entirely?

you can use vi.mock in setupFiles, or test.alias in config to redirect to a different file.

[zfben]

@fneves Finally, I created an esm package for monaco editor, https://github.com/slashnotes/monaco-editor-esm
It works with vite and doesn't need special configs.