小编Ben*_*eek的帖子

如何修复错误:在 vue-cli-3 中意外使用加载摩纳哥编辑器的外部模块

当我尝试在 vue-cli-3 项目中包含优化选项(该项目在某些页面中使用 monaco-editor)时,我在控制台中收到以下错误:

languageFeatures.js?ff36:85 Error: Unexpected usage
    at EditorSimpleWorker.loadForeignModule (editorSimpleWorker.js?ccf6:540)
    at eval (webWorker.js?af50:54)
Run Code Online (Sandbox Code Playgroud)

这是我的 vue.config.js 文件:

const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin');
const PurgecssPlugin = require("purgecss-webpack-plugin");


module.exports = {
    transpileDependencies: ["vuex-persist", "vuex-persistedstate"],
    configureWebpack: {
        devtool: false,
        optimization: {
            splitChunks: {
                minSize: 10000, 
                maxSize: 250000, 
            },
            nodeEnv: "production",
            minimize: true,
            minimizer: [
                new TerserPlugin({
                    extractComments: 'false',
                    parallel: true,
                }),
            ],
            removeEmptyChunks: true,
            removeAvailableModules: true,
            mergeDuplicateChunks: true
        },
        plugins: [
            new MonacoWebpackPlugin({
                languages: ['javascript', 'css', 'html', 'typescript', 'json'],
                features: …
Run Code Online (Sandbox Code Playgroud)

optimization webpack monaco-editor vue-cli-3

5
推荐指数
1
解决办法
6859
查看次数

标签 统计

monaco-editor ×1

optimization ×1

vue-cli-3 ×1

webpack ×1