使用 @vue/compiler-sfc 报错

[XavierLuo]

有这么个需求场景，需要实时编译 Vue SFC，引入了 @vue/compiler-sfc 就会报错。

vite 配置

    resolve: {
      alias: [
        {
          find: 'vue-i18n',
          replacement: 'vue-i18n/dist/vue-i18n.cjs.js',
        },
        // /@/xxxx => src/xxxx
        {
          find: /\/@\//,
          replacement: pathResolve('src') + '/',
        },
        // /#/xxxx => types/xxxx
        {
          find: /\/#\//,
          replacement: pathResolve('types') + '/',
        },
        {
          find: '@vue/compiler-sfc',
          replacement: '@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js',
        },
      ],
    },

报错信息：

 > node_modules/consolidate/lib/consolidate.js:204:71: error: Could not resolve "velocityjs" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    204 │     var engine = requires.velocityjs || (requires.velocityjs = require('velocityjs'));
        ╵                                                                        ~~~~~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:493:43: error: Could not resolve "dustjs-linkedin" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    493 │           engine = requires.dust = require('dustjs-linkedin');
        ╵                                            ~~~~~~~~~~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:629:59: error: Could not resolve "atpl" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    629 │     var engine = requires.atpl || (requires.atpl = require('atpl'));
        ╵                                                            ~~~~~~

 > node_modules/consolidate/lib/consolidate.js:651:63: error: Could not resolve "liquor" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    651 │     var engine = requires.liquor || (requires.liquor = require('liquor'));
        ╵                                                                ~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:673:59: error: Could not resolve "twig" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    673 │     var engine = requires.twig || (requires.twig = require('twig').twig);
        ╵                                                            ~~~~~~

 > node_modules/consolidate/lib/consolidate.js:723:57: error: Could not resolve "eco" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    723 │     var engine = requires.eco || (requires.eco = require('eco'));
        ╵                                                          ~~~~~

 > node_modules/consolidate/lib/consolidate.js:744:59: error: Could not resolve "jazz" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    744 │     var engine = requires.jazz || (requires.jazz = require('jazz'));
        ╵                                                            ~~~~~~

 > node_modules/consolidate/lib/consolidate.js:768:61: error: Could not resolve "jqtpl" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    768 │     var engine = requires.jqtpl || (requires.jqtpl = require('jqtpl'));
        ╵                                                              ~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:790:59: error: Could not resolve "hamljs" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    790 │     var engine = requires.haml || (requires.haml = require('hamljs'));
        ╵                                                            ~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:812:63: error: Could not resolve "hamlet" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    812 │     var engine = requires.hamlet || (requires.hamlet = require('hamlet'));
        ╵                                                                ~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:828:67: error: Could not resolve "whiskers" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    828 │     var engine = requires.whiskers || (requires.whiskers = require('whiskers'));
        ╵                                                                    ~~~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:860:79: error: Could not resolve "haml-coffee" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    860 │     var engine = requires['haml-coffee'] || (requires['haml-coffee'] = require('haml-coffee'));
        ╵                                                                                ~~~~~~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:882:61: error: Could not resolve "hogan.js" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    882 │     var engine = requires.hogan || (requires.hogan = require('hogan.js'));
        ╵                                                              ~~~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:904:69: error: Could not resolve "templayed" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    904 │     var engine = requires.templayed || (requires.templayed = require('templayed'));
        ╵                                                                      ~~~~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:954:71: error: Could not resolve "underscore" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    954 │     var engine = requires.underscore || (requires.underscore = require('underscore'));
        ╵                                                                        ~~~~~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1084:63: error: Could not resolve "walrus" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1084 │     var engine = requires.walrus || (requires.walrus = require('walrus'));
         ╵                                                                ~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1106:67: error: Could not resolve "mustache" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1106 │     var engine = requires.mustache || (requires.mustache = require('mustache'));
         ╵                                                                    ~~~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1123:25: error: Could not resolve "just" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1123 │       var JUST = require('just');
         ╵                          ~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1151:24: error: Could not resolve "ect" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1151 │       var ECT = require('ect');
         ╵                         ~~~~~

 > node_modules/consolidate/lib/consolidate.js:1183:59: error: Could not resolve "mote" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1183 │     var engine = requires.mote || (requires.mote = require('mote'));
         ╵                                                            ~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1199:63: error: Could not resolve "toffee" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1199 │     var toffee = requires.toffee || (requires.toffee = require('toffee'));
         ╵                                                                ~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1231:57: error: Could not resolve "dot" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1231 │     var engine = requires.dot || (requires.dot = require('dot'));
         ╵                                                          ~~~~~

 > node_modules/consolidate/lib/consolidate.js:1257:65: error: Could not resolve "bracket-template" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1257 │     var engine = requires.bracket || (requires.bracket = require('bracket-template'));
         ╵                                                                  ~~~~~~~~~~~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1279:65: error: Could not resolve "ractive" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1279 │     var Engine = requires.ractive || (requires.ractive = require('ractive'));
         ╵                                                                  ~~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1385:65: error: Could not resolve "htmling" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1385 │     var engine = requires.htmling || (requires.htmling = require('htmling'));
         ╵                                                                  ~~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1399:58: error: Could not resolve "babel-core" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1399 │   var babel = requires.babel || (requires.babel = require('babel-core'));
         ╵                                                           ~~~~~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1463:63: error: Could not resolve "plates" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1463 │     var engine = requires.plates || (requires.plates = require('plates'));
         ╵                                                                ~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1498:71: error: Could not resolve "react-dom/server" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1498 │       var ReactDOM = requires.ReactDOM || (requires.ReactDOM = require('react-dom/server'));
         ╵                                                                        ~~~~~~~~~~~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1499:62: error: Could not resolve "react" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1499 │       var react = requires.react || (requires.react = require('react'));
         ╵                                                               ~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1614:59: error: Could not resolve "vash" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1614 │     var engine = requires.vash || (requires.vash = require('vash'));
         ╵                                                            ~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1651:57: error: Could not resolve "slm" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1651 │     var engine = requires.slm || (requires.slm = require('slm'));
         ╵                                                          ~~~~~

 > node_modules/consolidate/lib/consolidate.js:1668:61: error: Could not resolve "marko" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1668 │     var engine = requires.marko || (requires.marko = require('marko'));
         ╵                                                              ~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1704:63: error: Could not resolve "teacup/lib/express" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1704 │     var engine = requires.teacup || (requires.teacup = require('teacup/lib/express'));
         ╵                                                                ~~~~~~~~~~~~~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1724:23: error: Could not resolve "coffee-script" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1724 │   var coffee = require('coffee-script');
         ╵                        ~~~~~~~~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1749:71: error: Could not resolve "squirrelly" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1749 │     var engine = requires.squirrelly || (requires.squirrelly = require('squirrelly'));
         ╵                                                                        ~~~~~~~~~~~~

 > node_modules/consolidate/lib/consolidate.js:1776:61: error: Could not resolve "twing" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
    1776 │     var engine = requires.twing || (requires.twing = require('twing'));
         ╵                                                              ~~~~~~~

error when starting dev server:
Error: Build failed with 36 errors:
node_modules/consolidate/lib/consolidate.js:204:71: error: Could not resolve "velocityjs" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
node_modules/consolidate/lib/consolidate.js:493:43: error: Could not resolve "dustjs-linkedin" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
node_modules/consolidate/lib/consolidate.js:629:59: error: Could not resolve "atpl" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
node_modules/consolidate/lib/consolidate.js:651:63: error: Could not resolve "liquor" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
node_modules/consolidate/lib/consolidate.js:673:59: error: Could not resolve "twig" (mark it as external to exclude it from the bundle, or surround it with try/catch to handle the failure at run-time)
...
    at failureErrorWithLog (/Users/xavierluo/Desktop/OKKI/okki-ui-backstage/node_modules/esbuild/lib/main.js:1449:15)
    at /Users/xavierluo/Desktop/OKKI/okki-ui-backstage/node_modules/esbuild/lib/main.js:1131:28
    at runOnEndCallbacks (/Users/xavierluo/Desktop/OKKI/okki-ui-backstage/node_modules/esbuild/lib/main.js:921:63)
    at buildResponseToResult (/Users/xavierluo/Desktop/OKKI/okki-ui-backstage/node_modules/esbuild/lib/main.js:1129:7)
    at /Users/xavierluo/Desktop/OKKI/okki-ui-backstage/node_modules/esbuild/lib/main.js:1236:14
    at /Users/xavierluo/Desktop/OKKI/okki-ui-backstage/node_modules/esbuild/lib/main.js:609:9
    at handleIncomingPacket (/Users/xavierluo/Desktop/OKKI/okki-ui-backstage/node_modules/esbuild/lib/main.js:706:9)
    at Socket.readFromStdout (/Users/xavierluo/Desktop/OKKI/okki-ui-backstage/node_modules/esbuild/lib/main.js:576:7)
    at Socket.emit (events.js:376:20)
    at Socket.emit (domain.js:470:12)
    at addChunk (internal/streams/readable.js:309:12)
    at readableAddChunk (internal/streams/readable.js:284:9)
    at Socket.Readable.push (internal/streams/readable.js:223:10)
    at Pipe.onStreamRead (internal/stream_base_commons.js:188:23)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.