精华内容
下载资源
问答
  • vue 导入element-ui css报错解决方法,组件使用参照官网... main.js 写入以下内容:importVuefrom'vue'importElementUIfrom'element-ui'import'element-ui/lib/theme-default/in...

    vue 导入element-ui css报错解决方法,组件使用参照官网http://element.eleme.io/#/zh-CN/component/quickstart。

    在 main.js 中写入以下内容:import Vue from 'vue'

    import ElementUI from 'element-ui'

    import 'element-ui/lib/theme-default/index.css'

    import App from './App.vue'

    Vue.use(ElementUI)

    如果你只希望引入部分组件,比如 Button 和 Select,那么需要在 main.js 中写入以下内容:import Vue from 'vue'

    import { Button, Select } from 'element-ui'

    import App from './App.vue'

    Vue.component(Button.name, Button)

    Vue.component(Select.name, Select)/* 或写为

    * Vue.use(Button)

    * Vue.use(Select)

    * /

    安装element-ui

    cnpm i element-ui@1.3.7 (@为固定版本)

    建议固定vue和element-ui的版本,避免将来版本升级后产生冲突

    引入element-ui

    在app.vue引入element-ui,然后就可以在其他任何页面中使用了cnpm install style-loader --save-dev

    cnpm install css-loader --save-dev

    cnpm install file-loader --save-dev{

    test: /\.css$/,

    include: [?

    /src/,//表示在src目录下的css需要编译?

    '/node_modules/element-ui/lib/' //增加此项?

    ],?

    loader: 'style-loader!css-loader'

    },(配置加上这个一般不会出错)

    然后在 main.js 引入并注册

    webpack1版本的test:/\.css$/,

    loaders:['style','css']

    原来vue模板只能有一个根对象

    所以你想要出现正常的效果,你的用一个div来或是别的标签来包裹全部的元素

    haha1

    hahhaa

    {{test1}}

    展开全文
  • 之前用vue-cli搭建的项目,在main.js中引入elementUI库中的css,或者在其他文件中(比如App.vue)引入自己的css文件(假如你的文件是在src目录下),都会报一个相同的错。下如图 经过一番折腾之后发现需要在...

    1.问题描述

    之前用vue-cli搭建的项目,在main.js中引入elementUI库中的css,或者在其他文件中(比如App.vue)引入自己的css文件(假如你的文件是在src目录下),都会报一个相同的错。下如图



    经过一番折腾之后发现需要在build文件下的webpack.base.conf.js中加上下面的代码即可

          {
            test: /\.css$/,
            include: [
              /src/,//表示在src目录下的css需要编译
              '/node_modules/element-ui/lib/'   //增加此项
            ],
            loader: 'style-loader!css-loader'
          },

    另外说明下假如你的css文件是在src目录下的话就添加src的路径,如上图,element-ui或者mint-ui(minit-ui的我没试过,个人认为也要加上去webpack才能查找到),假如你的css文件是在其他目录下的,原理一样。


    注:以上是个人在开发中遇到的一个问题以及解决方式,如有出入或者不严谨地方还请指出!希望能够帮到您。

    展开全文
  • vue中引入font-awesome报错

    千次阅读 2019-02-27 14:45:49
     之后在main.js这样引入 import 'font-awesome/css/font-awesome.css' 报错如下图   This dependency was not found: * font-awesome in ./src/main.js To install it, you can run...
    npm install --save font-awesome

       之后在main.js中这样引入

    import 'font-awesome/css/font-awesome.css'

    报错如下图
     

    This dependency was not found:
    
    * font-awesome in ./src/main.js
    
    To install it, you can run: npm install --save font-awesome
    
    
    

    解决办法:

    npm install --save vue-style-loader css-loader sass-loader

    展开全文
  • vue在main.js引入less文件一直报错问题

    千次阅读 2019-02-21 15:08:39
    今天在main.js使用 import './assets/style/base/global.less' 引入less文件一直报错,而引入css文件却是可以的。 经查找是需要require引入依赖,才可以正确运行   ...

    今天在main.js中使用 import './assets/style/base/global.less' 引入less文件一直报错,而引入css文件却是可以的。

    经查找是需要require引入依赖,才可以正确运行

     

    展开全文
  • 在vue2.0的main.js中引入scss文件报错 原因是 build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.scss$/, loaders: ['style', 'css', 'sass'] } 上面那条配置可以省略,因为...
  • 写入.scss文件mian.js import './styles/index.scss'后出现上图报错解决方案: 在vue.config.js文件添加以下代码 module.exports = {  css: {  loaderOptions: {  sass: {  data: `@import "@/...
  • 刚开始我用npm下载了 swiper ,照着视频所述组件中引入,但报错,代码如下: 初步怀疑是版本问题,打开 package.json 文件,发现版本过高,然后改成了版本4的 重新运行发现仍然报错,怀疑css文件引错了。 ...
  • 1.全局引用import'...问题出 main.js import 'swiper/css/swiper.css'这句话上,应该替换为import 'swiper/swiper-bundle.css' 2.轮播效果失效 应该把swiper版本降到5 执行npm install swiper@5 --save ...
  • style-loader'].concat(loaders) } } return { css: generateLoaders(), // css对应 vue-style-loader 和 css-loader postcss: generateLoaders(), // postcss对应 vue-style-loader 和 css-loader less: ...
  • 今天在使用Vue3.x 版本创建Vue...在main.js中引入element Ui import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); 运行项目 npm run serve 前台报错如下:
  • 在vue中引入内部css文件

    千次阅读 2019-03-06 10:51:35
    vue中引入内部css文件 1.新建base.css文件,目录:assets/css/base.css​​​​​​ ​ 2.在main.js中写:import './assets/css/base.css'; (此时会报错,需要安装依赖) 3.安装依赖 npm install style-...
  • vue中引入css文件

    2019-04-03 22:10:00
    两种方式引入css文件,一种是直接在main.js中引入(也可以在其他的.vue文件中的<script></script>标签中),即下面这种写法: import 'element-ui/lib/theme-default/index.css' 这种写法适用于...
  • main.js中引入了 import $ from 'jquery'; import './assets/css/bootstrap.min.css'; import './assets/css/bootstrap-theme.min.css'; import './assets/js/bootstrap.min'; bootstrap文件 也放在了assets中的css...
  • css外部文件引入:全局引用在main.js文件import './style/reset.css'@import '../../xxx.css'; //要写分号否则会报错//写scoped表示只在当前局部有效body{width:1000px; //这样写才是局部有效的,如果是引入css...
  • 可以index.html 里面引入boostrap.min.css文件 ...然后再index.html文件中引入便可 <link rel="stylesheet" href="./static/css/bootstrap.min.css"> 转载于:https://www.cnblogs.com/Main...
  • vue引入element-ui组件及其报错

    千次阅读 2018-10-30 16:18:10
    1.安装依赖 npm install element-ui --...在main.js中引入下面代码 import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); 报错问题: 问题1. Errors...
  • vue-cli引入css一直失败

    2017-09-28 08:03:41
    vue-cli用的webpack-simple模板在main.jsimport './assets/css/main.css' 报错:Canot find module 'assets/css/main.css' 不知道问什么,求大神帮忙解决一下
  • 同时引入bootstrop-table表格组件库,分别在main.js中引入js、css // 引入bootstrap、jquery,bootstrap-table import $ from 'jquery' import 'bootstrap/dist/css/bootstrap.min.css' import 'bootstrap/dist/...
  • 直接上报错的图(这种情况是已经引入了css样式,还是报这种错) 解决方案: ...还是就是没有引入css报这种,直接npm 是没有用的,还是会报错,去查看相关的文档使用资料,在main.js 引入相关css ...
  • **webpack4.0中引入app.vue出现报错** 我正在学vue.js实战,但是这本书事两年前写的,书中的vue配置有些已经不能用了, 我配置完webpack.config.js后创建了个app.vue,然后就报错了,百度过,没找到合适的答案...
  • 报错信息: ##Leaflet 本身不支持点线面的绘制,需要引入插件 leaflet.draw.js ...搭建好vue项目基础上,执行命令 main.js文件 import '_leaflet-draw@1.0.4@leaflet-draw/dist/leaflet.draw.css';...
  • vue引入css

    千次阅读 2017-08-01 10:54:09
    第一种全局引入在main.jsimport './assets/iconfont/iconfont.css' //注意'./'一定要加不然会报错第二种局部引入: 在组件 @import '../assets/iconfont/iconfont.css'; </style>
  • vue使用mint-ui报错

    2020-08-06 16:12:16
    一个vue项目,使用mint-ui的时候出了点问题...全部引入在main.js: import MintUI from 'mint-ui'; import 'mint-ui/lib/style.css'; Vue.use(MintUI); 按需引入,例如引入Button组件 import Button from 'mint
  • 相比于传统的CSS Normalize.css是一种CSS reset的替代方案,磨人的HTML元素样式上提供了跨浏览器的高度一致性。...如果引入报错,可能没有安装css-loader 和style-loader npm install css-loader style-loader ...
  • vue引用element-ui报错

    千次阅读 2018-05-01 17:28:20
    参考自:https://segmentfault.com/q/1010000010026280/a-10200000100284571.cnpm install style-loader -D2.cnpm install css-loader -D3.cnpm install file-loader –D4....在main.js中引入:imp...
  • Vue安装使用swiper报错

    2020-11-11 10:19:01
    最近 Vue 项目中用到的触摸滑动插件 Swiper,执行npm install swiper vue-awesome-swiper --save安装 Swiper 后, main.js 进行引入, import VueAwesomeSwiper from 'vue-awesome-swiper' import 'swiper/css...
  • 2. main.js 文件中引入 iconfont.css 的样式 import '@/assets/fonts/iconfont.css'; 3.如何 vue 中使用呢? <i class="iconfont icon-zitigui-xianxing"></i> 4.如果报错,需要安装 css-...
  • Vue在单独引入js文件中使用ElementUI的组件问题场景:我想在vue中的js文件中使用elementUI中的组件,因为我在main.js中引入了element包和它的css,并挂载到了全局vue实例中。然后我就在js文件中这样使用this.$notify...

空空如也

空空如也

1 2 3 4 5
收藏数 81
精华内容 32
关键字:

vue在main中引入css报错

vue 订阅