在 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项目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+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-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...
在jsp页面中调用引用的js文件中的方法时报错:方法undefined
js文件中的function的顺序与c语言中函数的顺序的机制一样,如果方法1在方法2前面,方法2中调用方法1就会报错。这是同一个js文件中的方法调用顺序问题,还有jsp文件中引入的几个不同js文件中的方法调用问题也适用。如果你把引入jquery的代码写在了引入普通js文件的代码后面,那普通js文件中依赖jquery的代码就无法执行。 报错时的代码 common.js function fu...
Vue-cli中引入外部js,css等插件资源
Vue-cli中引入外部js,css等插件资源,比如网站模板等,可以放在static文件夹中,在index.html中引入。
vue /vue-cli3 项目调用自己封装的js文件
1. 在入口文件main.js中引入js文件,然后挂载到vue的原型上: //引入公共js import messagebox from "../myJs/messagebox.js" import publicmethods from "../myJs/publicmethods" Vue.prototype.messagebox=messagebox; Vue.prototype.publ...
vue在引用mui.js文件时会遇到的各种问题
引入的样式如下: <div id="slider" class="mui-slider mui-fullscreen"> <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-in...
vue安装jq成功但是 引用 jq报错:$未定义
-
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 },
IE浏览器引入js文件报错方法未定义
今天再写一个页面。由于这个界面中的js脚本过多。于是我把脚本提出来,单独成一个文件,然后引入。 在谷歌浏览器中,效果任然没问题。但是在IE浏览器中,js功能就失效了。总是提示某个方法未定义。 弄了很久,在网上找资料,都说是文件编码不一致,我看了一下,js文件和主体文件的编码都是UTF-8。越来也想不通,于是我妥协了。把js代码又搬回来主题页面中。发现在IE浏览器中运行还是提示方法未定义,但是明...
vue-cli中引入mui的相关问题解决
使用mui 引入mui.js 将mui放到vue-cli项目的src/assets路径下 在webpack.base.conf.js中配置 // 2.1 在webpack.base.conf.js的resolve中的alias中添加 mui当前行代码 resolve: { extensions: ['.js', '.vue', '.json'], alias: { ...
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-cli2中的webpack打包文件地址出错问题
已经不是第一次遇到,结果今天还是再问了一遍我们另外一个前端小姐姐,来记录一下。 首先放出报错信息:    当时反应就是,我Dev环境跑起来这么欢快,小老弟,你测试环境你怎么肥四啊?你背着我把文件存哪去了!然后想来想去去找度娘。emmm,信息特别杂乱。那就只能靠我另外一个前端小姐姐了。最后做了3点修改,就完成了。 1:背景图片必须放在static里面。(我之前都不知道,小声bb) 2:在c...
解决vue单页文件引入js的问题
vue单页文件引入js Vue.component('remote-script', { render: function (createElement) { var self = this; return createElement('script', { attrs: { type: 'text/j...
vue-cli引入外部css和外部js函数操作
从一个外部JS文件导入多个函数  
vue_cli 3.0+ 静态文件的引入
vue_cli 3.0+ 静态文件的引入 情景还原 vue_cli3.0 的 目录结构 想在 .vue 文件里使用 引入静态的 .html 文件 实现 vue-cli 3.0 中 的引用基本路径指向 public 所以直接 “static/index.html” 就可以引入想要的静态文件 (当然要将静态文件放在public下) ...
vue项目遇到的坑(vue项目中的某个组件调用外部js)
第一步骤 当项目做一个圆环进度条的时候,我自己用canvas写了一个js,并且封装成函数。当时想到的是直接将函数写在组件中然后进行调用: 报错了:Uncaught TypeError: Cannot read property ‘getContext’ of null 然后意识到canvas的getContext方法需要在页面文档加载完成之后才会去触发识别这个属性。所以canvas写的代码不
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...
前端js或jq报过的错。插件采坑总结。ztree未定义的jquery
总结: 1、凡是用插件,第一件事一定要先引入jq。报莫名奇妙的错误时,注入引入文件的顺序问题 2、首先要明白插件要什么样的数据,在想怎么给他这样的数据。这样才有意义!! 插件是显示用的,既然涉及到显示咱就需要知道,插件以什么数据格式才能显示。 3、语法错误之--missing ) after argument list在参数列表之后丢失 4、问题:不管点哪
vue项目main.js引入less文件一直报错
问题:在main.js中引入less文件的时候一直报这个错误     解决方法:在build->utils.js中,图中位置加入 javascriptEnabled: true // <- enable this option 这句就没有问题了。...
(项目)调用method方法时,onclick="method()"没有响应,并报错未定义
查看是不是将方法定义到$(function())里面了,应将方法放在外边
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打包之后文件路径出错的问题
这里以vue-cli创建的项目为例 1、文件路径不对 找到config文件夹下的index.js文件修改一下位置 看清楚是 build(上边还有个dev 是开发环境下的配置,不需要改动)下的 assetsPublicPath :将‘/’改为‘./’ 2、背景图片路径不对 在css中写的background-img的路径出错 需要找到build文件夹下的utils.
vue2引入外部js文件(以hammer.js为例)
之前一篇博客写了怎么让vue用hammer封装触摸事件 但是怎么把外部的这个hammer.js文件融入vue-cil中呢? 下面是步骤 基本命令: vue init webpack hxammerdemo cd hxammerdemo/ cnpm install 新建红框内的js目录和 hammer.js文件(这个文件就是hammer.min.js内容复制进去的) 和 t
vue-cli相对路径问题
index.vue文件中 "./a.jpg"  index.vue目录下的文件 "../a.jpg"  index.vue上级目录下的文件 "../../a.jpg"  index.vue上级的上级的目录下的文件 以此类推
Vue 中如何引入第三方 JS 库
一绝对路径直接引入全局可用 二绝对路径直接引入配置后import 引入后再使用 三webpack中配置 aliasimport 引入后再使用 四webpack 中配置 plugins无需 import 全局可用 结论 我们以 jQuery 为例,来讲解 一、绝对路径直接引入,全局可用 主入口页面 index.html 中用 script 标签引入: script src
vue文件中script内引用数据问题
vue文件中的script脚本中如果需要引入数据或者外部css/js文件的话一定要将该数据/css/js文件放在static文件夹下,否则引用不到。 ...
vue 引入第三方js报错undefined
今天在项目中使用到高德地图,在本地npm run dev运行起来没有问题,可是在打包发布到测试环境后,使用高德地图的界面就会报Amap undefined,按照自己原先的教程(vue2(webpack)调用amap高德地图及其UI组件和标记物)应该是没有问题的,其他项目也是这么用的,可是这次怎么不行了?然后F12打开刷新页面看了下,发现原来没有加载高德地图的js。额,可是为什么呢?之前的项目怎么就...
(vue.js)vue-cli构建,scss文件引入本地css意外报错
http://www.codes51.com/itwd/4259603.html
VUE 项目中引入外部js文件(CND引入)
以VUE项目中引入echarts文件为例: 第一步在VUE项目中找到index.html文件 引入 :<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.2.1/echarts.js"></script> 第二步 在项目找到 build >webpack.base.conf.j...
vue.js中toFixed()方法报错问题
在vue.js中toFixed方法出现效果,但是控制台报错类型错误 解决方法:把数值类型转成Number类型 Nubmer()一定要把val值和toFixed方法全部括号括上。
vue填坑系列之在main.js中引入相应的js插件不生效
需求:在main.js中引入相应的js插件不生效; 原因:相应的插件没有将模块export default; 解决方案:所以比较好的办法是在index.html渲染静态页面的时候直接用script标签的形式引入; ...
vuecli3中img src 的引入问题
最近公司要做一个在线ps 的项目 但是后台没写完, 我在用本地图片上传预览的时候 发现图片不能显示, 解决的办法 是 //页面的结构 <div class="workspace" > <img :src='img'> </div> export default { data() { return { img:...
vue打包静态资源后显示空白及static文件路径报错填坑
今天使用vue打包(npm run build)遇到了几个坑,在这里分享给大家 打包之后打开dist的页面显示空白: 这个问题以前就处理过,是打包过程中出现错误频率较高的一种,可能有3处地方会出现这种情况 1、记得改一下config下面的index.js中bulid模块导出的路径。因为打包后的index.html里边的内容都是通过script标签引入的,默认显示的路径不对,打开肯定是空白的。...
vue引入自己写的js
1.创建一个自己的util包,路径:src/js/utils.js 2.utils.js /** * 数组中是否包含某个参数 * @param array * @param obj * @returns {boolean} */ export const arrayContain = function (array, obj){ for (var i = 0; i <...
编写React框架时,引入相关js库文件不起作用
最近在学习react框架,看网上一般引入react.development.js,react-dom.development.js,babel.min.js文件都是采用 <script src="https://unpkg.com/react@16/umd/react.development.js"></script> <script src="https:/...
使用vue-cli3引入外部js报错的问题
最近做的一个移动端,需要使用mui框架,在引入的时候,按照平常的语法,发现总是报错,Uncaught SyntaxError: Unexpected token < 解决办法,将引入的js文件夹,与index.html,放到同一级。 ...
关于引用网络echarts.js报错的问题解决方法
以前使用echarts.js都是到官网上下载,然后放在项目中引用,没有问题。 现在写一个c++程序,想输出一个html,引用了echarts.js,因为src的路径填的是相对于html的js的路径,这就导致输出文件只能和 echarts.js在同一个文件夹下,这样局限性很大,不方便。 尝试了引用网络上的echarts.js,可是出现了echarts is not defined的错误。 我