You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Nuxt 2项目中启用Vue runtimeCompiler解决生产报错?

Nuxt 2 解决生产环境 Vue.compile 失效问题
  • 直接在nuxt.config.js中添加官方配置项启用 Runtime Compiler,这是最直接有效的方式,无需手动修改 webpack 别名:

    export default {
      // 保留原有其他配置
      runtimeCompiler: true
    }
    

    该配置会让 Nuxt 在生产构建时自动引入带编译器的 Vue 完整版,组件内调用Vue.compile就不会再出现TypeError: n.default.compile is not a function错误。

  • 之前修改 webpack 别名无效的原因:Nuxt 内部对 Vue 的引入逻辑有封装,手动设置的别名会被框架默认配置覆盖,因此必须通过官方提供的开关来开启编译器功能。

  • 配置完成后重新执行生产构建命令,验证Vue.compile是否正常工作即可。

内容的提问来源于stack exchange,提问作者Fantasmic

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.31 05:24:20