Vue在单独怎么引入js文件件中使用ElementUI的弹框,调用的时候报错了

来源：蜘蛛抓取(WebSpider) 时间：2017-12-14 08:06 标签： js文件引入js文件
vue全家桶（2）
安装vue-cli&
1.安装vue：npm install vue
2.全局安装vue-cli：npm install --global vue-cli
3.创建webpack模板项目：vue
init webpack project（文件名）
4.进入cd到项目文件，安装依赖包：npm
到此为止：vue-cli脚手架完成 npm run dev
安装element ui
1.安装 npm i element-ui
2.在main.js中引入js和css代码如下：
ElementUI from
'element-ui' //引入js
'element-ui/lib/theme-chalk/index.css'//引入css
Vue.use(ElementUI)
这样你的element ui 就安装完成了
这样你接可以尽情的使用element ui
注意以下几个坑：
1.是否引入js与css文件
css文件是静态文件地址，安装教程安装地址不会出错
2.检查node的版本，是否node版本过低
3.检查以下你的npm版本 npm版本是否过低
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：718次
排名：千里之外
(1)(2)(1)(1)(1)
(window.slotbydup = window.slotbydup || []).push({
id: '4740887',
container: s,
size: '250,250',
display: 'inlay-fix'问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
是这样的，在vue-cli项目中，使用element ui，在用到el-tabs组件时，左边的label内容一旦更改（如图，想让左边跟给右边的一致），浏览器就卡住了，连刷新都不行，是什么原因呢？求大神指点X-X
项目中引入element ui
main.js引用
这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
你用的什么浏览器
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
看看你报错的页面？
这个问题已经被关闭无法回答
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？在 VUE 中加 element-ui 时报错？ - V2EX
在 VUE 中加 element-ui 时报错？
57 天前 &jacena
安装步骤：
npm install element-ui@next -S
webpack.base.conf.js 中加入了
test: /\.css$/,
loader: 'style-loader!css-loader'
test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
loader: 'file-loader'
test: /\.(png|jpe?g|gif|svg)(\?\S*)?$/,
loader: 'file-loader',
name: '[name].[ext]?[hash]'
main.js 中加入了
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(ElementUI)
然后报错信息是：
只要加上这句 import 'element-ui/lib/theme-default/index.css'就会报错，如果不加就没事，但是引用不到样式，费解，求助。网上找了半天没有找到答案···
296 次点击所在节点 &
lululau57 天前css 路径写错了，没有 theme-default, 看了 2.0 的文档
jacena57 天前@ 我改成了 theme_chalk 也不行似乎，需要怎么改？
第 1 页 ／ 共 1 页&
这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到
上打开本讨论主题的完整版本。
是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。
is a community of developers, designers and creative people.2被浏览1777分享邀请回答cookingjs.github.io/zh-cn/configuration.html#chunk
postcss: [
// require('...')
publicPath: '',
/*资源文件读取*/
assetsPath: 'static',
/*等待响应时间限定10s*/
urlLoaderLimit: 10000,
extractCSS: '[name].[contenthash:7].css',
/*配置路径*/
/*各个部分的来源和依赖*/
'src': path.join(__dirname, 'src'),
'components': path.resolve(__dirname, 'src/components'),
'common': path.resolve(__dirname, 'src/common'),
'pages': path.resolve(__dirname, 'src/pages')
// 加载 cooking-vue2，sass，autoprefixer（处理css的前缀问题，后处理机制）
extends: ['vue2', 'sass', 'autoprefixer'],
// static: 'asset', //静态资源目录，将会被webpack loader 忽略
externals: cfg.externals
module.exports = cooking.resolve();
0添加评论分享收藏感谢收起相关文章推荐
第一步：新建Vue 项目（详细创建步骤请参考：http://blog.csdn.net/zhouzhiwengang/article/details/）
#创建一个基于webpack...
1、使用vue-cli构建骨架
a： 全局安装vue-cli
npm install --global vue-cli
b：使用命令创建项目
vueinit webpack you_projec...
前言由于上次搭好了SSM后端框架，就想着顺便把以前那个博客网站的后台管理系统给做了，系统的后端环境是有了，前端页面用什么开发呢？之前简单的看了vue.js，所以就决定用vue.js做前端页面，然后搜了...
前端开发：vue+elementui+webpack技术栈
先讲套路：
elementui官网找到项目模板：/ElementUI/element...
1.树形插件删除必须有node-key=id
2.vue20.配置跨域问题config ----> index.js ----->-proxyTable对象
3.vue 父子组件之间通信
接口权限控制页面权限控制
编写路由表页面访问权限页面元素操作权限路由控制完整流程图
NEXT登录及系统菜单加载本系列目录
后台管理系统中，权限控制一般分为两个部分。一个是接口访问的权限控制...
用elementUi的table组件和分页组件，封装成可分页的组件table
实现element-ui自定义主题的具体步骤
他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)

我要回帖

更多关于 js文件引入js文件 的文章

 

随机推荐