页面vue 引入js了vue.js 为什么没有反应

来源：蜘蛛抓取(WebSpider) 时间：2017-02-14 07:35 标签： vue 引入外部js
10:39 提问
vuejs外部js引入外部网站提供的js在路由之后刷新页面导入这个引入的文件不能使用
vue中我在index.html中引入的。
但是这样有个问题，vue的路由我从主页进入引入腾讯地图的组件是可以使用的。
但是在引入腾讯地图的组件页面刷新之后腾讯地图就不能使用了。
我猜这个可能是这个js没有引入进来，因为不是从主页进入的就没加载
按赞数排序
确定js文件引用的路径正确的,并且是有访问权限的。
你改成以下引用看一下是否可以：
确定js文件引用的路径正确的,并且是有访问权限的。
你改成以下引用看一下是否可以：
其他相关推荐在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
项目比较大，由外包写的静态页面，里面引入了很多的js库和css，可是有些js库是需要慢加载的，也就是在DOM加载完成才能加载，可是现在需要把这些静态页面用VUE构建出来，不知道如何引入这些后加载的js，请大神们指导指导？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
有些js库需要在DOM加载完成才能加载？这应该是执行时机不对。并不是不能加载，你应该找找这些库是怎么初始化的。
如果需要异步加载这些库的话，如果是commonjs模块，直接require进来就可以了。如果不是的，就动态加载script标签。类似这个
export default function remoteLoad(url, hasCallback) {
return createScript(url);
* 创建script
* @param url
* @returns {Promise}
function createScript(url) {
var scriptElement = document.createElement('script');
document.body.appendChild(scriptElement);
var promise = new Promise((resolve, reject) =& {
scriptElement.addEventListener('load', e =& {
removeScript(scriptElement);
if(!hasCallback){
resolve(e);
}, false);
scriptElement.addEventListener('error', e =& {
removeScript(scriptElement);
reject(e);
}, false);
if(hasCallback){
window.____callback____ = function() {
resolve();
window.____callback____ =
if(hasCallback){
url += '&callback=____callback____'
scriptElement.src =
* 移除script标签
* @param scriptElement script dom
function removeScript(scriptElement) {
document.body.removeChild(scriptElement);
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：vuejs为什么按需加载的模块在开发环境下，正常加载，但是，打包后在生产环境下却不能加载？ - CNode技术社区
这家伙很懒，什么个性签名都没有留下。
我在Vue路由设置中想按需加载一个notfound的页面，但是，生产环境下，总是加载不上。
//使用组建模式，引入vue,vue-router,然后调用vue.use(vue-router)
import Vue from 'vue';
import VueRouter from 'vue-router';
//引入路由组件
import Index from
'../views/index/index';
import User from '../views/user/user';
// import NotFound from '../views/notfound';
const NotFound = function(r){
return require.ensure([],function(){
return r(require('../views/notfound.vue'));
},'NotFoundChunk')
//调用
Vue.use(VueRouter);
//定义路由,每个路由映射一个组件
const routes = [
component: Index,
path: '/'
component: User,
path: '/user/:id'
component: NotFound,
path: '*'
//导出路由实例，传入routes。此路由实例可在入口文件里作为配置参数添加在vue实例中，并在vue实例上挂载根元素
export default new VueRouter({
mode: 'history',
routes:routes,//可简写routes
这是我的github地址：
我实在搜不到解决的方法了，求解，谢谢
会不会是你 webpack.prod.config.js 的问题，output.filename 可以包含目录吗？
这里： filename: ‘static/js/[name].[chunkhash].js’
可以包含目录，这没问题
自动生成的代码吗？是的话直接去问生成器的作者问可能更好。
webpack 配置 output 的 publicPath 对不对？
publicPath:’/'这个应该对呀。一起打包的不按需加载的模块，可以正常加载，嗯同一个输出目录
来自酷炫的
haha,搞定了，我将/build/webpack.prod.config.js/中引用的‘chunk-manifest-webpack-plugin’相应插件删除之后，就正常了。但是我不太明白怎么回事，我对这个插件的理解是：使用它，能输出一个manifest.json的文件。谁再解释解释呗。
CNode 社区为国内最专业的 Node.js 开源技术社区，致力于 Node.js 的技术研究。
服务器赞助商为
，存储赞助商为
，由提供应用性能服务。
新手搭建 Node.js 服务器，推荐使用无需备案的VueJS如何引入css或者less文件的一些坑
作者：hawk_zz
字体：[ ] 类型：转载 时间：
本篇文章主要介绍了VueJS如何引入css或者less文件的一些坑，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
我们在做Vue+webpack的时，难免会引入各种公共css样式文件，那么我们改如何引入呢？引入时会有那些坑呢？
首先，引入公共样式时，我们在“main.js”里使用AMD的方式引入,即
require('./assets/css/main.less');
这时，我们会抛出一个错误，是因为我们没有写解析的依赖，webpack不知道怎么解析
这时，我们要填写上依赖，
require('!style!css!less!./assets/css/main.less');
在很多以前的博客里都是以上写法，这个是Vue 2.0刚开始的，现在使用会报错；下面是正确写法　　
require('!style-loader!css-loader!less-loader!./assets/css/main.less');
在以前配置到这里，就万事大吉了，也可以开始引入css文件了，然后现在到这里还会报错
当出现以上错误时，说明你的项目里缺少依赖；　　
npm install style-loader --save
这时你就可以引入css文件了；
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具

我要回帖

更多关于 vue 引入外部js 的文章

 

随机推荐