在Vue中引入ueditor时报错

我在Vue中引入下载的ueditor插件,但是用浏览器访问的时候报一下错误,求大神指导下,刚接触,不太了解
图片说明图片说明

5个回答

你进入到css样例里面仔细看下里面有没有url或者src之类的超链接,很可能你的js放的位置跟css的目录有差别,所以导致它找不到相应的路径图片说明

tianguozhiya
去你大爷的昵称已存在 import './static/UE/ueditor.parse.min.js' 还有个问题就是当我把这个js引入后就报我贴的第一个错误了 麻烦帮我看下什么问题
大约 2 年之前 回复
tianguozhiya
去你大爷的昵称已存在 找到原因了 我滴妈呀 网上的配置路径是window.UEDITOR_HOME_URL = "/static/UE/"这个,然后我的就报错了 我在前面加个/src/就好了 感谢
大约 2 年之前 回复
weixin_42604985
梁. 这个可以,有点难度
大约 2 年之前 回复
tianguozhiya
去你大爷的昵称已存在 不是这个原因 路径这些都没问题啊
大约 2 年之前 回复

你的代码在哪里呢。。。。。。。。简单贴一下?

weixin_40852944
weixin_40852944 回复tianguozhiya: 看楼下
大约 2 年之前 回复
tianguozhiya
去你大爷的昵称已存在 就是刚贴出来的这样
大约 2 年之前 回复

这是我引入ueditor的js配置

 //ueditor富文本框
import './static/UE/ueditor.config.js'
import './static/UE/ueditor.all.min.js'
import './static/UE/lang/zh-cn/zh-cn.js'
import './static/UE/ueditor.parse.min.js'

这是添加的ueditor组件

 <template>
    <div>
        <script id="ueid" type="text/plain"></script>
    </div>
</template>
<script>
    export default {
        name: 'UE',
        data () {
            return {
                editor: null
            }
        },
        props: {
            defaultMsg: {
                type: String
            },
            config: {
                type: Object
            },

        },
        mounted() {
            const _this = this;
            this.editor = UE.getEditor("ueid", this.config); // 初始化UE
            this.editor.addListener("ready", function () {
                _this.editor.setContent(_this.defaultMsg); // 确保UE加载完成后,放入内容。
            });
        },
        methods: {
            getUEContent() { // 获取内容方法
                return this.editor.getContent()
            }
        },
        destroyed() {
            this.editor.destroy();
        }
    }
</script>

这是我引用的地方

 <button @click="getUEContent()">获取内容</button>
                        <div class="editor-container"  type="text/javascript">
                            <UE :defaultMsg=defaultMsg :config=config ref="ue"></UE>
                        </div>

                                                getUEContent() {
                let content = this.$refs.ue.getUEContent();
                this.$notify({
                    title: '获取成功,可在控制台查看!',
                    message: content,
                    type: 'success'
                });
                console.log(content)
            }

正如楼上所勾选出来的红框里边的内容,你的文件没有完全引入。缺少的是ueditor.config.js里边配置的路径,路径要确认有没有问题,看样子你的路径配置错误,找不到文件了

ConsoleBL
ConsoleBL 回复去你大爷的昵称已存在: 我的不行啊 还是报css资源错误,有啥解决办法没啊
11 个月之前 回复
ConsoleBL
ConsoleBL 我的不行啊 还是报css资源错误,有啥解决办法没啊
11 个月之前 回复
tianguozhiya
去你大爷的昵称已存在 import './static/UE/ueditor.parse.min.js' 还有个问题就是当我把这个js引入后就报我贴的第一个错误了 麻烦帮我看下什么问题
大约 2 年之前 回复
tianguozhiya
去你大爷的昵称已存在 找到原因了 我滴妈呀 网上的配置路径是window.UEDITOR_HOME_URL = "/static/UE/"这个,然后我的就报错了 我在前面加个/src/就好了 感谢
大约 2 年之前 回复

我的不行啊 还是报css资源错误,有啥解决办法没啊

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
在Vue中引入ueditor时,加入ueditor.parse.min.js报错

我在Vue中引入ueditor时,不加入ueditor.parse.min.js时是好的,但是引入ueditor.parse.min.js后,会报![图片说明](https://img-ask.csdn.net/upload/201807/04/1530694358_567644.png) ``` import './static/UE/ueditor.config.js' import './static/UE/ueditor.all.min.js' import './static/UE/lang/zh-cn/zh-cn.js' **import './static/UE/ueditor.parse.min.js'** ```

后端node 前端vue webpack打包 怎么整合ueditor

.vue 模版 整ueditor 上传图片。。。。。。。。。。。。。。

vue引入js报错无法使用

最近在开发一个vue项目,我在网上找了一个webpack打包好的HTML的模板, 然后将页面分成多个组件,分别在vue中实现,但是在引入js时出现了问题,我吧js文件放在了assets下,引入时一直报错这个js中有文件找不到,这个js主要是监听一些DOM元素,动态添加一些样式,还有各种事件的监听,并没有定义一些调用的函数。我试过把js单独部署在tomcat中然后再vue项目index.html中以链接的方式引入就可以正常使用,就是不能zaivue项目中存放、编译、使用

vue 中引入 mnt-ui 可是在页面中并不显示,而且vue是通过 render的方式添加到页面中的

在vue页面中添加了 mint-ui 的样式,可是在vue的模板中并没有显示,并且vue是通过render 的方式添加到html中的,在使用的时候浏览器却出现了runtime-only的错误,并且在引入mint-ui 的时候,对于css文件的拦截使用的拦截器,loader和use有什么区别么,为什么使用use会报错,只能使用 loader进行拦截器的加载 ``` module: { rules: [ { test: /\.vue$/, use: 'vue-loader' }, { test: /\.css$/, loader: 'style-loader', loader: 'css-loader' }, { test: /\.jpg$/, use: 'url-loader' ``` ``` <template> <div> <ul v-for="(item,index) in list" v-bind:key="index"> <li>{{ item.id }} +"..."+{{ item.name }}</li> </ul> <span class="glyphicon glyphicon-heart" aria-hidden="true">aa</span> <router-link to="/app1">app1</router-link> <router-link to="/app2">app2</router-link> <router-view></router-view> <mt-button type="primary">primary</mt-button> </div> </template> <script> export default { data() { return { list: [ { id: 1, name: "111" }, { id: 2, name: "222" }, { id: 3, name: "333" }, { id: 4, name: "444" } ] }; } }; import $ from "jquery"; $(function() { $("ul>li:odd").css("backgroundColor", "pink"); $("ul>li:even").css("backgroundColor", "purple"); }); </script> <style> @import "../node_modules/bootstrap/dist/css/bootstrap.css"; @import "./css/index.css"; ****@import "../node_modules/mint-ui/lib/style.css";**** </style> ```

vue项目引入e-charts图表问题

我在项目力引入的e-charts,然后把echarts挂在vue 原型上以后 在图表页面 this.echarts.init() 报init undefined 不知道什么原因 哪位大神给指点一下,谢谢。

vue中引入a.js和b.js 请问如何a能调用b中的方法,b也能调用a中的方法

vue中引入a.js和b.js 请问如何a能调用b中的方法,b也能调用a中的方法

vue 引入第三方插件打包时报错

报错如下: ![图片说明](https://img-ask.csdn.net/upload/201903/28/1553737030_755197.png) 求解qwq

Vue.js 关于Vue.js中样式引入问题

``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue.js组件</title> </head> <body> <div id="app"> <counter heading="完美极了" bgcolor="green"></counter> <counter heading="糟糕透了" bgcolor="red"></counter> </div> <template id="mycounter"> <div class=""> <h1>{{ heading }}</h1> <button type="button" name="button" @click="plus" style="background:{{ bgcolor }}">赞赞赞{{ count }}</button> </div> </template> <script src="vue.js" type="text/javascript"></script> <script type="text/javascript"> Vue.component("counter",{ template:"#mycounter", data:function(){ return { count : 0}; }, props:["heading","bgcolor"], methods : { plus : function(){ this.count += 1; } } }); new Vue({ el : "#app" }); </script> </body> </html> ``` 上面的代码中 <button type="button" name="button" @click="plus" style="background:{{ bgcolor }}">赞赞赞{{ count }}</button> 这一行报错,报错信息为: Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div style="{{ val }}">, use <div :style="val">. 改为: <button type="button" name="button" @click="plus" v-bind:style="background:{{ bgcolor }}">赞赞赞{{ count }}</button> 后仍然报错! 请问大家,这里应该怎么正确引入父组件传过来的bgcolor作为button的背景色?

vue 引入外部组件的正确写法应该是怎样的

正确应该怎么写??我自己琢磨的,怎么写怎么错。。网上没有入门的说明,只有入门后的一堆说明。。 ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <body> <div id="app"> <runoob></runoob> </div> <script> import runoob from './js/test.vue'; //引用 // 创建根实例 new Vue({ el: '#app', components:{ 'runoob':runoob } }) </script> </body> </html> `` 外部组件test.vue` ```<template> <h1>自定义组件!</h1> </template> <script> export default { name: "runoob" } </script> <style> </style> ```

在vue项目中,在入口主文件index.js中引入less样式文件报错

引入方式如下:![图片说明](https://img-ask.csdn.net/upload/201804/26/1524749855_572114.png) 报错说明如下:![图片说明](https://img-ask.csdn.net/upload/201804/26/1524750046_435848.png) 参考了其他问题的回答,说是需要在build文件下的webpack.base.conf.js中加上 ``` { test: /\.less$/, loader: "style-loader!css-loader!less-loader" }, ``` 可是并没有解决,一样报错,求大神帮忙解决,非常感谢!

在vue中通过设置的路径别名引入样式文件为什么会失败

![图片说明](https://img-ask.csdn.net/upload/201711/27/1511770434_444533.png) ![图片说明](https://img-ask.csdn.net/upload/201711/27/1511770452_9620.png) ![图片说明](https://img-ask.csdn.net/upload/201711/27/1511770463_558138.png) 如图,怎么在一个组件里通过绝对路径引入样式文件

vue-cli + ts 使用CDN时报错,请问各位大佬如何解决?

### 使用vue-cli新建了一个项目,启用了TypeScript 当我尝试将vue、vuex 使用CDN 导入的时候做了如下操作 + 删除了 **package.json** 中的依赖 + 在 **index.html ** 中写入cdn ![图片说明](https://img-ask.csdn.net/upload/201912/23/1577067141_320744.png) + 在 **vue.config.js** 中写入 ``` configureWebpack: (config) => { //入口文件 config.entry.app = ['babel-polyfill', './src/main.ts']; //只有打包生产环境才需要将console删除 if (process.env.NODE_ENV == 'production') { config.plugins = [...config.plugins, ...plugins]; } // CDN config.externals = { 'cdnVue': 'Vue', } }, ``` ### 报错 ``` ERROR in E:/any pros/MyFactory/my_factory/src/main.ts(1,17): 1:17 Cannot find module 'cdnVue'. ```

vue框架引入第三方样式不生效

main.js中import了一些样式不生效,也不报错,按照网上说的教程也改了,求解

html引入vue路由组件,怎么设置路由根目录?

``` <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> ```Vue.use(VueRouter); const router=new VueRouter({ }) new Vue({ router, ```this.$router.push({ path: 'http://localhost:8080/', query: { tit: this.username, price: this.phone, sid: this.date, } ``` 我的项目是html的,但是里面引入vue组件,想进行带参跳转页面,但是跳转时路径是拼接在当前路径后面,相当于又拼接了一段路径。怎么解决,这个只是html引入vuejs

vue引入mqtt无法在平板上显示页面

1、我用vue做的一个项目,把paho-mqtt.js引进index.html页面,然后定义一个组件用来做连接,我在登录页没引入组件的时候去打包放到测试服上,然后用hbuilderx云打包成app,然后去平板上安装是可以看到登录页的,在平板的浏览器看测试服也可以看到;但是我把mqtt连接的组件加进去之后跟上面同样的操作,连第一个登陆页面都不出来了,只出来了index.html定义的一个背景图,我放在手机上安装又可以,不知道什么原因,纠结两天了,请大神帮帮忙~~ 2、还有用js如何接收主板那边用mqtt发过来的16进制的数据?

Vue项目 引入.sass未后缀名的css文件就报错 怎么解决?

## 背景:VsCode+Vue ## ## 目的:定位问题 ## ![图片说明](https://img-ask.csdn.net/upload/201911/07/1573095386_555447.jpg)

vuejs外部js引入外部网站提供的js在路由之后刷新页面导入这个引入的文件不能使用

vue中我在index.html中引入的。 ![图片说明](https://img-ask.csdn.net/upload/201610/22/1477103864_760660.png) 但是这样有个问题,vue的路由我从主页进入引入腾讯地图的组件是可以使用的。 但是在引入腾讯地图的组件页面刷新之后腾讯地图就不能使用了。 我猜这个可能是这个js没有引入进来,因为不是从主页进入的就没加载

ueditor 从Word复制内容到编辑器 ,会出现css 代码。

我从Word复制了一段内容到ueditor编辑器,出现了css 代码 ![图片说明](https://img-ask.csdn.net/upload/201908/27/1566873546_547318.png)

Ueditor在弹出窗口中无法显示

想在弹出窗口中显示百度的富文本编辑器插件ueditor; 弹出窗口用的是jQuery ui的dialog方法; 如果页面加载后直接弹出窗口的话,可以显示ueditor; 但是如果通过按钮点击弹出窗口的话,就无法显示ueditor; ueditor应该是网页加载的时候就自动创建的,现在通过点击按钮弹出窗口如何加载? 表单代码(HTML部分): ``` <form id="question" title="提问"> <p> <label for="title">问题名称:</label> <input type="text" class="text" name="title" id="title" style="width: 520px;" /> <span class="star">*</span> </p> <p> <script id="myEditor" type="text/plain"></script> </p> </form> ``` ueditor初始化代码: ``` <script> var um = UM.getEditor('myEditor'); </script> ``` 点击按钮弹窗的代码: ``` $('#question').dialog({ autoOpen : false, resizable : false, modal : true, width : 600, height : 450, buttons : { '发布' : function(){ $(this).submit(); }, '取消' : function(){ $(this).dialog('close'); } }, closeText : '关闭', }); $('#question_button').button().click(function(){ $('#question').dialog('open'); }); ```

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

我说我不会算法,阿里把我挂了。

不说了,字节跳动也反手把我挂了。

立方体线框模型透视投影 (计算机图形学实验)

计算机图形学实验 立方体线框模型透视投影 的可执行文件,亲测可运行,若需报告可以联系我,期待和各位交流

2019 AI开发者大会

2019 AI开发者大会

组成原理课程设计(实现机器数的真值还原等功能)

实现机器数的真值还原(定点小数)、定点小数的单符号位补码加减运算、定点小数的补码乘法运算和浮点数的加减运算。

C/C++跨平台研发从基础到高阶实战系列套餐

一 专题从基础的C语言核心到c++ 和stl完成基础强化; 二 再到数据结构,设计模式完成专业计算机技能强化; 三 通过跨平台网络编程,linux编程,qt界面编程,mfc编程,windows编程,c++与lua联合编程来完成应用强化 四 最后通过基于ffmpeg的音视频播放器,直播推流,屏幕录像,

MFC一站式终极全套课程包

该套餐共包含从C小白到C++到MFC的全部课程,整套学下来绝对成为一名C++大牛!!!

软件测试2小时入门

软件测试2小时入门

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

计算机图形学-球的光照模型课程设计

计算机图形学-球的光照模型,有代码完美运行,有课程设计书

Linux常用命令大全(非常全!!!)

Linux常用命令大全(非常全!!!) 最近都在和Linux打交道,感觉还不错。我觉得Linux相比windows比较麻烦的就是很多东西都要用命令来控制,当然,这也是很多人喜欢linux的原因,比较短小但却功能强大。我将我了解到的命令列举一下,仅供大家参考: 系统信息 arch 显示机器的处理器架构 uname -m 显示机器的处理器架构 uname -r 显示正在使用的内核版本 d...

因为看了这些书,我大二就拿了华为Offer

四年了,四年,你知道大学这四年我怎么过的么?

深度学习原理+项目实战+算法详解+主流框架(套餐)

深度学习系列课程从深度学习基础知识点开始讲解一步步进入神经网络的世界再到卷积和递归神经网络,详解各大经典网络架构。实战部分选择当下最火爆深度学习框架PyTorch与Tensorflow/Keras,全程实战演示框架核心使用与建模方法。项目实战部分选择计算机视觉与自然语言处理领域经典项目,从零开始详解算法原理,debug模式逐行代码解读。适合准备就业和转行的同学们加入学习! 建议按照下列课程顺序来进行学习 (1)掌握深度学习必备经典网络架构 (2)深度框架实战方法 (3)计算机视觉与自然语言处理项目实战。(按照课程排列顺序即可)

fakeLocation13.5.1.zip

fakeLocation13.5.1 虚拟定位 ios13.5.1的最新驱动下载,iPhone/iPad免越狱虚拟定位工具Location-cleaned驱动已更新

UnityLicence

UnityLicence

Python可以这样学(第一季:Python内功修炼)

Python可以这样学(第一季:Python内功修炼)

Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

土豆浏览器

土豆浏览器可以用来看各种搞笑、电影、电视剧视频

【数据结构与算法综合实验】欢乐连连看(C++ & MFC)案例

这是武汉理工大学计算机学院数据结构与算法综合实验课程的第三次项目:欢乐连连看(C++ & MFC)迭代开发代码。运行环境:VS2017。已经实现功能:开始游戏、消子、判断胜负、提示、重排、计时、帮助。

php+mysql学生成绩管理系统

学生成绩管理系统,分三个模块:学生,教师和管理员。 管理员模块:负责学生、老师信息的增删改;发布课程信息的增删改,以便让学生选课;审核老师提交的学生成绩并且打印成绩存档;按照课号查询每个课号的学生成绩

多功能数字钟.zip

利用数字电子计数知识设计并制作的数字电子钟(含multisim仿真),该数字钟具有显示星期、24小时制时间、闹铃、整点报时、时间校准功能

推荐24个国外黄色网站欣赏

在中国清朝,明黄色的衣服只有皇子才有资格穿,慢慢的黄色在中国就成了高贵的颜色。在人们的色彩印象中,黄色也表现为暂停。所以当你的网页设计采用黄色的时候,会让人们在你的网页前停留。 黄色,就像橙色和红色,黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩。黄色是所有色相中最能发光的颜色,给人轻快,透明,辉煌,充满希望的色彩印象。 黄色是一个高可见的色...

u-boot-2015.07.tar.bz2

uboot-2015-07最新代码,喜欢的朋友请拿去

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

学生成绩管理系统(PHP + MYSQL)

做的是数据库课程设计,使用的php + MySQL,本来是黄金搭配也就没啥说的,推荐使用wamp服务器,里面有详细的使用说明,带有界面的啊!呵呵 不行的话,可以给我留言!

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

C++语言基础视频教程

C++语言基础视频教程

玩转Python-Python3基础入门

玩转Python-Python3基础入门

相关热词 c#怎么获得线程名 c# usb 采集器 c# sort() c#面对对象的三大特性 c# 打印 等比缩放 c#弹出右键菜单 c# 系统托盘图标 c# 键值对 键可以重复 c# 鼠标移上去提示 c#结构体定义
立即提问