您的位置是:网站首页>Javascript编程Javascript编程

vue项目通过import引入外部css报错怎么办

少儿编程网2021-09-27 14:04:56Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介vue项目通过import引入外部css报错的解决办法:首先在【webpack.config.js】中添加相关内容,添加后重新npmrundev;然后json文件中查看是否存在【css-loader】等数据,并安装即可。该方法适用于所有品牌电脑vue项目通过import引入外部css报错的解决办法:

vue项目通过import引入外部css报错的解决办法:首先在【webpack.config.js】中添加相关内容,添加后重新npm run dev;然后json文件中查看是否存在【css-loader】等数据,并安装即可。j2n少儿编程网-https://www.pxcodes.com

j2n少儿编程网-https://www.pxcodes.com

  • 该方法适用于所有品牌电脑j2n少儿编程网-https://www.pxcodes.com

vue项目通过import引入外部css报错的解决办法:j2n少儿编程网-https://www.pxcodes.com

vue 通过webpack-simple生成项目,引入外部csss时报错解决:j2n少儿编程网-https://www.pxcodes.com

1、在webpack.config.js中添加以下内容,添加后重新npm run devj2n少儿编程网-https://www.pxcodes.com

{
        test:/.css$/,
        loader:'style-loader!css-loader'
 },
{
        test: /.woff|.woff2|.svg|.eot|.ttf/,
        use: 'url-loader?prefix=font/&limit=10000'
 }

2、json文件中查看是否存在css-loader,style-loader,url-loader,若没有通过npm install(-D)进行安装即可。j2n少儿编程网-https://www.pxcodes.com

相关学习推荐(免费):javascript学习教程j2n少儿编程网-https://www.pxcodes.com

以上就是vue项目通过import引入外部css报错怎么办的详细内容,更多请关注少儿编程网其它相关文章!j2n少儿编程网-https://www.pxcodes.com

来源:php中文网j2n少儿编程网-https://www.pxcodes.com


相关文章:

支持一下 ( )

vue项目通过import引入外部css报错怎么办

      匿名评论
    • 评论
    人参与,条评论
    vue项目通过import引入外部css报错怎么办

微信公众号

免费视频教程

先知道