Vu2脚手架创建项目，main.js中import标红！

使用脚手架创建的Vue2项目，main.js中import标红怎么解决，也能运行，就是看着特别难受，快逼死强迫症了，其他两个文件也都有标红

img


img

img

参考博客：https://www.cnblogs.com/hmy-666/p/16441069.html
我找了半天，里面给出了正确解决办法

报错信息是啥

你把光标移动到红色波浪线上，看有啥提示信息

  • 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7740573
  • 这篇博客也不错, 你可以看下Vue2安装、项目创建及项目启动出错时的解决方法
  • 除此之外, 这篇博客: 适用于 vue.js的渐进式图片加载中的 2.import 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

  • （1）main.js

    import Vue from 'vue'
import progressive from 'progressive-image/dist/vue'
import 'progressive-image/dist/index.css'
 
Vue.use(progressive, {
  removePreview: true,
  scale: true
})

    （2）demo.vue

      <template>
    <div class="progressive" v-for="(item,index) in imgs" :key="index">
      <img class="preview" v-progressive="item.src" :src="item.preview" />
    </div>
  </template>
  <script>
  export default {
  	data(){
      return {
    	imgs: [
      	  {
	        src: 'http://7xiblh.com1.z0.glb.clouddn.com/progressive/2.jpg',
	        preview: 'http://7xiblh.com1.z0.glb.clouddn.com/progressive/r2.jpg'
	      },
	      {
	        src: 'http://7xiblh.com1.z0.glb.clouddn.com/progressive/3.jpg',
	        preview: 'http://7xiblh.com1.z0.glb.clouddn.com/progressive/r3.jpg'
	      }
    	]
      }
  	},
  }
  </script>

    参考链接：
    1.https://github.com/ccforward/cc/issues/64?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io

  • 您还可以看一下 张子良老师的Vue移动端数据可视化项目实战课程中的 Vue F2 移动端图表组件库小节, 巩固相关知识点