最近项目用到vue-codemirror,百度找了好几个教程，直接用npm i vue-codemirror -save的话下载的vue-codemirror是没有codemirror.vue文件的，所以在教程中使用import codemirror from 'vue-codemirror'再注册使用会报错：template or render function not defined。原因是找不到那个vue的模板文件。还有其他各种原因，不然就是Cannot read property 'map' of undefined；等等。找的我心梗。

以下是我的安装过程，在vue2和vue3都可以用

1.npm i vue-codemirror@4.0.6

切记是带有这个codemirror.vue的 

2.然后import引入注册,直接在要使用codemirror的组件引入

 3.直接使用就好啦

 

在vue3中安装vue-codemirror的时候，因为我是直接把vue2中的codemirror复制过来，导致我每次安装新的插件都会被删掉node_modules目录下的codemirror，查看了package-json.lock才发现是codemirror文件放在了vue-codemirror里面而不是直接放在node_modules目录下。所以vue3中得改目录 

另提一句，在package.json里面写的依赖会在执行npm i 或者npm uninstall时被重新更新，vue3中下载的vue-codemirror版本之前下的别的版本被写到了package.json里面，后面我是直接改package.json里面的vue-codemirrir@4.0.6就可以了

# vue.js # javascript # 前端
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue