Error with Vite
Using Vite to build a vue project, with es module import like
import MonacoEditor from 'vue-monaco'ReferenceError: require is not defined
at a.mounted (vue-monaco.es.181a4dd2.js:6)
at Mt (vendor.6a78aee7.js:6)
at Qe (vendor.6a78aee7.js:6)
at Object.insert (vendor.6a78aee7.js:6)
at A (vendor.6a78aee7.js:6)
at a.__patch__ (vendor.6a78aee7.js:6)
at a.t._update (vendor.6a78aee7.js:6)
at a.n (vendor.6a78aee7.js:6)
at ui.get (vendor.6a78aee7.js:6)
at ui.run (vendor.6a78aee7.js:6)Error is from this block in the source
} else {
// ESM format so it can't be resolved by commonjs `require` in eslint
// eslint-disable-next-line import/no-unresolved
var monaco = require('monaco-editor');
this.monaco = monaco;
this.$nextTick(function () {
_this.initMonaco(monaco);
});
}I don't understand why the es-module build has require in it, but if I remove that and add
import * as monaco from 'monaco-editor';I get up to the point where this issue https://github.com/vitejs/vite/discussions/1791 is relevant
egoist / vue-monaco
MonacoEditor component for Vue.js
694
Contributors get 70% of received funds after fees
How does funding with Polar work?
1
Pay now to fund the work behind this issue.
2
Get updates on progress being made.
3
Maintainer is rewarded once the issue is completed.
FAQ
Backer
You're funding impactful open source efforts
Contributor
You want to contribute to this effort
Maintainer
You want to get funding like this too