最近在写编译器的需求,经过研究,选择了wangEditor

编译器,按照官网步骤安装使用,安装完引入

import { Editor, Toolbar } from '@wangeditor/editor-for-vue'

 就出现了报错,把这句引入注释掉,报错信息就会消失, 报错信息如下:

解决方法

找到自己项目中的webpack.base.conf.js文件

 找到下面的代码

 增加一句代码

   {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client'),resolve('node_modules/@wangeditor')
        ]
      },

重点:resolve('node_modules/@wangeditor')

然后再npm run build 项目进行打包,再去运行项目npm run dev 就不报错了

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐