在 vue cli 中一个 js文件1 引用 js文件2的问题,报错:未定义

1.这是页面的部分代码
export default {
data: function () {
return {}
},

                    mounted: function () {
                            require("../assets/js/01.js")
                            require("../assets/js/02.js")
                    }
            }

    2.这是 01.js 里面的代码

        function load() {
            alert(1)
        };


    3.这是 02.js 里面的代码

        load();
0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
学习vue-cli时需要引入外部js库文件(如jquery)的问题,百度后解决了,再次备忘一下
原文链接:http://www.cnblogs.com/pandabunny/p/5417938.html 感谢这位哥们儿的无私分享 在vue-cli 生成的工程中引入jquery,记录一下。(模板用的webpack) 首先在package.json里的dependencies加入"jquery" : "^2.2.3",然后install 在webpack.base
基于vue-cli项目bulid后,打开"index.html"页面空白出错显示引用css和js路径错误
使用vue-cli初始化项目,在"build"编译后,打开页面空白,打开"index.html"发现文件所引用的资源文件路径前少了“.”,如下图所示:打开配置文件webpack.base.conf.js查看output的publicPath,发现引入的是config文件夹下的index.js文件中dev和build下的assetsPublicPath,将bulid的assetsPublicPath...
vue-cli项目引用外部js代码
vue-cli项目引入外部js以及外部js文件中定义的变量。
Vue cli 引入第三方JS和CSS的常用方法
如果要引入第三方JS或者css  最好是把文件放在statis文件夹下,此处是静态文件存放的位置 第一种方法: 直接在index.html中引入 js   <script type="text/javascript" src="static/mui.min.js" ></script> css     <link rel="stylesh...
页面引入JS文件IE6报错 XX函数未定义 对象为空
页面引入JS文件IE6报错 XX函数未定义 或对象为空 —- 解决“引入JS文件IE6报错”的问题问题描述:页面引入一个js文件,其中定义了函数或对象,然后在页面中调用函数或对象时,在IE6会报“语法错误”或“缺少对象”。在IE6+或者IE7却运行正常。问题分析:这个对象在引入的JS文件中是存在的,因为在IE6+以上的浏览器都可以正常运行。这个问题在于文件编码上,如果JS文件编码与当前页面的编码不
Vue-cli中引入外部js,css等插件资源
Vue-cli中引入外部js,css等插件资源,比如网站模板等,可以放在static文件夹中,在index.html中引入。
vue-cli中js是怎样引入html的?
vue-cli是怎么通过webpack把js文件引入index.html的过程呢? vue新手在用vue-cli写项目时候会发现,项目目录下index.html并没有通过标签引入任何js。index.html如下: <!DOCTYPE html> <head> </meta charsets="utf-8"> </meta name='viewpo...
vue-cli中解决css引用图片打包后找不到文件资源的问题
1.在CSS中引入图片   #slider1 { background-image: url(./bg02.jpg); background-size: cover; } 注意:此处的图片与索引文件在同一个目录下; 在开发环境下背景图片是可以好好的显示的,但是打包后提示找不到资源,报错: 解决的方法有两种:暴力的和柔和的 (1)开始使用暴力的方法,在配置文件(webpac...
vue-cli 项目中在main.js 引用scss 文件,在组件中应用却报错undefined
找了很多资料,终于发现有篇文章说的比较详细 链接:https://segmentfault.com/a/1190000010324128 安装完sass依赖包: npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass 然后在build文件夹下的webpac...
vue_cli上使用mui或引入mui.js各种报错及问题
在main.js里添加 import mui from './assets/js/mui.js' 如果不添加下面会显示mui is not defined 报错 Vue.prototype.mui = mui 添加成功后就可以使用mui 了?  结果发现在vue里会使用严格模式,而mui不支持严格模式上使用,就会报错  Uncaught TypeError: 'caller',...
vue项目遇到的坑(vue项目中的某个组件调用外部js)
第一步骤 当项目做一个圆环进度条的时候,我自己用canvas写了一个js,并且封装成函数。当时想到的是直接将函数写在组件中然后进行调用: 报错了:Uncaught TypeError: Cannot read property ‘getContext’ of null 然后意识到canvas的getContext方法需要在页面文档加载完成之后才会去触发识别这个属性。所以canvas写的代码不
关于IE6下面引用外部js时document.getElementById报错的问题
昨天在调用一段外部js时候IEtester的IE6模式报错。说某函数is undefined。可是其他的浏览器均正常,最后终于发现是编码问题,使用文本文档令存为的时候选择一下与网页相符的编码就解决问题了。这个以后要注意了~ 下面是网上搜集的一些相关资料。 解决“引入JS文件IE6报错”的问题 问题描述:页面引入一个js文件,其中定义了函数或对象,然后在页面中调用函数或对象时,在IE6会报“语
vue系列之vue cli 3引入ts
插件 vue-class-component强化 Vue 组件,使用 TypeScript/装饰器 增强 Vue 组件 vue-property-decorator在 vue-class-component 上增强更多的结合 Vue 特性的装饰器 vuex-class基于vue-class-component对Vuex提供的装饰器 vue-class-component &lt...
在jsp页面中调用引用的js文件中的方法时报错:方法undefined
js文件中的function的顺序与c语言中函数的顺序的机制一样,如果方法1在方法2前面,方法2中调用方法1就会报错。这是同一个js文件中的方法调用顺序问题,还有jsp文件中引入的几个不同js文件中的方法调用问题也适用。如果你把引入jquery的代码写在了引入普通js文件的代码后面,那普通js文件中依赖jquery的代码就无法执行。 报错时的代码 common.js function fu...
vue-cli 项目打包后 vendor.js文件较大问题解决
1,首先在build文件夹下的web[ack.base.conf.js文件里面添加如下,与entry,output平级 externals: { 'vue': 'Vue', 'vue-router': 'VueRouter' }, 这一段是告诉webpack项目打包压缩的时候不要将vue.js 和vuerouter打包进vendor.js 2.在index.html中引入c...
使用vue-cli3引入外部js报错的问题
最近做的一个移动端,需要使用mui框架,在引入的时候,按照平常的语法,发现总是报错,Uncaught SyntaxError: Unexpected token < 解决办法,将引入的js文件夹,与index.html,放到同一级。 ...
vue文件中script内引用数据问题
vue文件中的script脚本中如果需要引入数据或者外部css/js文件的话一定要将该数据/css/js文件放在static文件夹下,否则引用不到。 ...
IE浏览器引入js文件报错方法未定义
今天再写一个页面。由于这个界面中的js脚本过多。于是我把脚本提出来,单独成一个文件,然后引入。 在谷歌浏览器中,效果任然没问题。但是在IE浏览器中,js功能就失效了。总是提示某个方法未定义。 弄了很久,在网上找资料,都说是文件编码不一致,我看了一下,js文件和主体文件的编码都是UTF-8。越来也想不通,于是我妥协了。把js代码又搬回来主题页面中。发现在IE浏览器中运行还是提示方法未定义,但是明...
Vue引入第三方js库
Vue引入第三方js库 在index.html中引用script 直接在index.html中引用script,任何时候皆可用!! 注意:第三方js必须放在static目录下 <!DOCTYPE html> <html> <head> &amp
已经全局导入$,但是在demo.vue中使用$,eslint报错
问题如题 解决办法:在.eslint.js中添加 env: { browser: true, // 添加 jquery: true },
vue-cli+es6如何引入es5写的的js
学习了vue有一段日子了,vue+es6开发非常好用,vue的插件非常多,很充足,但是还是会用到引入第三方外部js的时候,但是很多人在vue-cli中的.vue文件引入es6会出很多错误,因为我们的代码是es6写的,你引入es5的js当然会出问题,那么而接下来我讲大家讲解一波,怎么引入第三方es5写的 js方法1:import XX from “路径” Vue.use(XX); ...
vue中引入layer.js出错
之前学vue的时候,想引用layer插件,按照网上的步骤,先引入jquery,再引入layer.js,结果报错 后来我在index.html页面全局引入,就可以了 一个小坑,分享一下!  ...
在vue_cli上使用mui或引入mui.js各种报错及问题
在main.js里添加 import mui from './assets/js/mui.js' 如果不添加下面会显示mui is not defined 报错 Vue.prototype.mui = mui 添加成功后就可以使用mui 了?  结果发现在vue里会使用严格模式,而mui不支持严格模式上使用,就会报错  Uncaught TypeError: 'caller',...
vue cli3.0中public文件夹下使用静态文件
public解释:任何放置在 public 文件夹的静态资源都会被简单的复制,而不经过 webpack。你需要通过绝对路径来引用它们 => https://cli.vuejs.org/zh/guide/html-and-static-assets.html#public-%E6%96%87%E4%BB%B6%E5%A4%B9   举个例子就是public里面的文件可以直接拿,不用写相对...
解决vue单页文件引入js的问题
vue单页文件引入js Vue.component('remote-script', { render: function (createElement) { var self = this; return createElement('script', { attrs: { type: 'text/j...
vue.js在laravel框架模板文件中引入失败问题
原因是因为vue的{{}}形式与laravel的相似,导致浏览器无法识别 解决方法:尝试在{{}}前面加@
Vue中如何引入远程JS文件?
本文和大家分享的主要是Vue引入远程JS文件相关内容,一起来看看吧,希望对大家学习Vue.js有所帮助。   问题   最近在使用 Vue 做东西,用到钉钉扫描登录的功能,这里需要引入远程的 js 文件,因为 Vue 的方式跟之前的不太一样,又不想把文件下载到本地应用,找了一下解决的方法,貌似都需要引入第三方的库,最后找到了解决方案,分享之。   思路   一开始的思路是在
Vue-cli项目中引入外部/第三方css/js/less文件具体步骤
例子中css文件采用bootstrap.css,js文件采用jQuery,less文件用less.less(自定义文件); 步骤一:安装webpack cnpm install webpack -g 步骤二:在src/assets下面新建css、js、less、fonts文件夹,并放入对应文件。 将bootstrap.css放入css目录下,bootstrap.min.
vue-cli引入外部css和外部js函数操作
从一个外部JS文件导入多个函数  
前端js或jq报过的错。插件采坑总结。ztree未定义的jquery
总结: 1、凡是用插件,第一件事一定要先引入jq。报莫名奇妙的错误时,注入引入文件的顺序问题 2、首先要明白插件要什么样的数据,在想怎么给他这样的数据。这样才有意义!! 插件是显示用的,既然涉及到显示咱就需要知道,插件以什么数据格式才能显示。 3、语法错误之--missing ) after argument list在参数列表之后丢失 4、问题:不管点哪
vue-cli2中的webpack打包文件地址出错问题
已经不是第一次遇到,结果今天还是再问了一遍我们另外一个前端小姐姐,来记录一下。 首先放出报错信息:    当时反应就是,我Dev环境跑起来这么欢快,小老弟,你测试环境你怎么肥四啊?你背着我把文件存哪去了!然后想来想去去找度娘。emmm,信息特别杂乱。那就只能靠我另外一个前端小姐姐了。最后做了3点修改,就完成了。 1:背景图片必须放在static里面。(我之前都不知道,小声bb) 2:在c...
vue 引入第三方js报错undefined
今天在项目中使用到高德地图,在本地npm run dev运行起来没有问题,可是在打包发布到测试环境后,使用高德地图的界面就会报Amap undefined,按照自己原先的教程(vue2(webpack)调用amap高德地图及其UI组件和标记物)应该是没有问题的,其他项目也是这么用的,可是这次怎么不行了?然后F12打开刷新页面看了下,发现原来没有加载高德地图的js。额,可是为什么呢?之前的项目怎么就...
vuecli3中img src 的引入问题
最近公司要做一个在线ps 的项目 但是后台没写完, 我在用本地图片上传预览的时候 发现图片不能显示, 解决的办法 是 //页面的结构 <div class="workspace" > <img :src='img'> </div> export default { data() { return { img:...
vue.js使用vue-cli打包遇到的坑,问题
1.打包的路径 config文件夹-index.js中的assetsPublicPath: './'要改为当前目录而不是'/'根目录 build: { env: require('./prod.env'), index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirna
vue-cli相对路径问题
index.vue文件中 "./a.jpg"  index.vue目录下的文件 "../a.jpg"  index.vue上级目录下的文件 "../../a.jpg"  index.vue上级的上级的目录下的文件 以此类推
关于Vue打包之后文件路径出错的问题
这里以vue-cli创建的项目为例 1、文件路径不对 找到config文件夹下的index.js文件修改一下位置 看清楚是 build(上边还有个dev 是开发环境下的配置,不需要改动)下的 assetsPublicPath :将‘/’改为‘./’ 2、背景图片路径不对 在css中写的background-img的路径出错 需要找到build文件夹下的utils.
vue的index.html引入js或css文件刷新后失效问题
当vue的router模式设置为mode: 'history'时,全局引入 js 或者css在页面刷新后会失效 可参考官网https://router.vuejs.org/zh/guide/essentials/history-mode.html设置 另简单的两种方法 1.将mode: 'history'注释掉,变成 hash 模式,此时刷新不会有问题 2.在index.html引入的时候...
通过import引入js文件提示错误
在js文件中通过import引入另外的js文件,提示Uncaught SyntaxError: Unexpected string,或者Uncaught SyntaxError: Unexpected identifier错误,原因是import属于es6的语法,但是浏览器不支持es6语法,所以需要转换。 转换方法: 1,用 babel 把 import 转成 CommonJS 或者 AMD,...
(vue.js)vue-cli构建,scss文件引入本地css意外报错
http://www.codes51.com/itwd/4259603.html
vue.js中使用axios数据请求遇到的问题这篇文章帮你妥妥的解决
写在前面的话: 在使用vue环境开发过程中使用axios请求数据接口已经成为了首选,也是vuejs官方推荐的一种方案。这篇文章主要从以下二个方面的实例简单介绍axios的使用,目的是让大家弄明白axios再vue框架下如何使用: 一、直接调用(了解原理和相关设置) 1、使用npm安装axios依赖 cnpm install axios -S 安装完成之后可以在依赖文件package.jason里...
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 js制作网页视频教程 js游戏开发视频