• Vue工程报错解决方案Warn:import Vue from "vue";


     INFO  Starting development server...
    Starting type checking and linting service...
    Using 1 worker with 2048MB memory limit
    98% after emitting CopyPlugin
    
     DONE  Compiled successfully in 7753ms                                  21:03:53
    WARNING in D:/GitHub Project/pay/src/App.vue(8,32):
    8:32 " should be '
         6 | 
         7 | <script lang="ts">
      >  8 | import { Component, Vue } from "vue-property-decorator";
           |                                ^
         9 | import AllCourse from "./views/all_course/index.vue";
        10 | 
        11 | @Component({
    WARNING in D:/GitHub Project/pay/src/App.vue(9,23):
    9:23 " should be '
         7 | <script lang="ts">
         8 | import { Component, Vue } from "vue-property-decorator";
      >  9 | import AllCourse from "./views/all_course/index.vue";
           |                       ^
        10 | 
        11 | @Component({
        12 |   components: {
    WARNING in D:/GitHub Project/pay/src/App.vue(13,14):
    13:14 Missing trailing comma
        11 | @Component({
        12 |   components: {
      > 13 |     AllCourse
           |              ^
        14 |   }
        15 | })
        16 | export default class App extends Vue {}
    WARNING in D:/GitHub Project/pay/src/App.vue(14,4):
    14:4 Missing trailing comma
        12 |   components: {
        13 |     AllCourse
      > 14 |   }
           |    ^
        15 | })
        16 | export default class App extends Vue {}
        17 | </script>
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_block.vue(24,17):
    24:17 " should be '
        22 | 
        23 | <script lang="ts">
      > 24 | import Vue from "vue";
           |                 ^
        25 | import { Component, Vue } from "vue-property-decorator";
        26 | 
        27 | @Component
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_block.vue(25,32):
    25:32 " should be '
        23 | <script lang="ts">
        24 | import Vue from "vue";
      > 25 | import { Component, Vue } from "vue-property-decorator";
           |                                ^
        26 | 
        27 | @Component
        28 | export default class CourseBlock extends Vue {}
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(39,17):
    39:17 " should be '
        37 | 
        38 | <script lang="ts">
      > 39 | import Vue from "vue";
           |                 ^
        40 | import { Component, Vue } from "vue-property-decorator";
        41 | 
        42 | import CourseBlock from "./course_block.vue";
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(40,32):
    40:32 " should be '
        38 | <script lang="ts">
        39 | import Vue from "vue";
      > 40 | import { Component, Vue } from "vue-property-decorator";
           |                                ^
        41 | 
        42 | import CourseBlock from "./course_block.vue";
        43 | 
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(42,25):
    42:25 " should be '
        40 | import { Component, Vue } from "vue-property-decorator";
        41 | 
      > 42 | import CourseBlock from "./course_block.vue";
           |                         ^
        43 | 
        44 | @Component({
        45 |   components: {
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(46,16):
    46:16 Missing trailing comma
        44 | @Component({
        45 |   components: {
      > 46 |     CourseBlock
           |                ^
        47 |   }
        48 | })
        49 | export default class CourseList extends Vue {
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(47,4):
    47:4 Missing trailing comma
        45 |   components: {
        46 |     CourseBlock
      > 47 |   }
           |    ^
        48 | })
        49 | export default class CourseList extends Vue {
        50 |   data() {
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(50,3):
    50:3 The class method 'data' must be marked either 'private', 'public', or 'protected'
        48 | })
        49 | export default class CourseList extends Vue {
      > 50 |   data() {
           |   ^
        51 |     return [
        52 |       {
        53 |         bg: "dasdas",
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(53,13):
    53:13 " should be '
        51 |     return [
        52 |       {
      > 53 |         bg: "dasdas",
           |             ^
        54 |         title: "Java语言入门",
        55 |         author: "jiaoge",
        56 |         degree: 3
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(54,16):
    54:16 " should be '
        52 |       {
        53 |         bg: "dasdas",
      > 54 |         title: "Java语言入门",
           |                ^
        55 |         author: "jiaoge",
        56 |         degree: 3
        57 |       },
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(55,17):
    55:17 " should be '
        53 |         bg: "dasdas",
        54 |         title: "Java语言入门",
      > 55 |         author: "jiaoge",
           |                 ^
        56 |         degree: 3
        57 |       },
        58 |       {
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(56,18):
    56:18 Missing trailing comma
        54 |         title: "Java语言入门",
        55 |         author: "jiaoge",
      > 56 |         degree: 3
           |                  ^
        57 |       },
        58 |       {
        59 |         bg: "dasdas",
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(59,13):
    59:13 " should be '
        57 |       },
        58 |       {
      > 59 |         bg: "dasdas",
           |             ^
        60 |         title: "Java语言入门",
        61 |         author: "jiaoge",
        62 |         degree: 3
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(60,16):
    60:16 " should be '
        58 |       {
        59 |         bg: "dasdas",
      > 60 |         title: "Java语言入门",
           |                ^
        61 |         author: "jiaoge",
        62 |         degree: 3
        63 |       },
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(61,17):
    61:17 " should be '
        59 |         bg: "dasdas",
        60 |         title: "Java语言入门",
      > 61 |         author: "jiaoge",
           |                 ^
        62 |         degree: 3
        63 |       },
        64 |       {
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(62,18):
    62:18 Missing trailing comma
        60 |         title: "Java语言入门",
        61 |         author: "jiaoge",
      > 62 |         degree: 3
           |                  ^
        63 |       },
        64 |       {
        65 |         bg: "dasdas",
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(65,13):
    65:13 " should be '
        63 |       },
        64 |       {
      > 65 |         bg: "dasdas",
           |             ^
        66 |         title: "Java语言入门",
        67 |         author: "jiaoge",
        68 |         degree: 3
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(66,16):
    66:16 " should be '
        64 |       {
        65 |         bg: "dasdas",
      > 66 |         title: "Java语言入门",
           |                ^
        67 |         author: "jiaoge",
        68 |         degree: 3
        69 |       },
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(67,17):
    67:17 " should be '
        65 |         bg: "dasdas",
        66 |         title: "Java语言入门",
      > 67 |         author: "jiaoge",
           |                 ^
        68 |         degree: 3
        69 |       },
        70 |       {
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(68,18):
    68:18 Missing trailing comma
        66 |         title: "Java语言入门",
        67 |         author: "jiaoge",
      > 68 |         degree: 3
           |                  ^
        69 |       },
        70 |       {
        71 |         bg: "dasdas",
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(71,13):
    71:13 " should be '
        69 |       },
        70 |       {
      > 71 |         bg: "dasdas",
           |             ^
        72 |         title: "Java语言入门",
        73 |         author: "jiaoge",
        74 |         degree: 3
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(72,16):
    72:16 " should be '
        70 |       {
        71 |         bg: "dasdas",
      > 72 |         title: "Java语言入门",
           |                ^
        73 |         author: "jiaoge",
        74 |         degree: 3
        75 |       },
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(73,17):
    73:17 " should be '
        71 |         bg: "dasdas",
        72 |         title: "Java语言入门",
      > 73 |         author: "jiaoge",
           |                 ^
        74 |         degree: 3
        75 |       },
        76 |       {
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(74,18):
    74:18 Missing trailing comma
        72 |         title: "Java语言入门",
        73 |         author: "jiaoge",
      > 74 |         degree: 3
           |                  ^
        75 |       },
        76 |       {
        77 |         bg: "dasdas",
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(77,13):
    77:13 " should be '
        75 |       },
        76 |       {
      > 77 |         bg: "dasdas",
           |             ^
        78 |         title: "Java语言入门",
        79 |         author: "jiaoge",
        80 |         degree: 3
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(78,16):
    78:16 " should be '
        76 |       {
        77 |         bg: "dasdas",
      > 78 |         title: "Java语言入门",
           |                ^
        79 |         author: "jiaoge",
        80 |         degree: 3
        81 |       }
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(79,17):
    79:17 " should be '
        77 |         bg: "dasdas",
        78 |         title: "Java语言入门",
      > 79 |         author: "jiaoge",
           |                 ^
        80 |         degree: 3
        81 |       }
        82 |     ];
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(80,18):
    80:18 Missing trailing comma
        78 |         title: "Java语言入门",
        79 |         author: "jiaoge",
      > 80 |         degree: 3
           |                  ^
        81 |       }
        82 |     ];
        83 |   }
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(81,8):
    81:8 Missing trailing comma
        79 |         author: "jiaoge",
        80 |         degree: 3
      > 81 |       }
           |        ^
        82 |     ];
        83 |   }
        84 | }
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/header.vue(12,17):
    12:17 " should be '
        10 | 
        11 | <script lang="ts">
      > 12 | import Vue from "vue";
           |                 ^
        13 | import { Component, Vue } from "vue-property-decorator";
        14 | 
        15 | @Component
    WARNING in D:/GitHub Project/pay/src/views/all_course/components/header.vue(13,32):
    13:32 " should be '
        11 | <script lang="ts">
        12 | import Vue from "vue";
      > 13 | import { Component, Vue } from "vue-property-decorator";
           |                                ^
        14 | 
        15 | @Component
        16 | export default class Header extends Vue {}
    WARNING in D:/GitHub Project/pay/src/views/all_course/index.vue(11,17):
    11:17 " should be '
         9 | 
        10 | <script lang="ts">
      > 11 | import Vue from "vue";
           |                 ^
        12 | import { Component, Vue } from "vue-property-decorator";
        13 | 
        14 | import Header from "./components/header.vue";
    WARNING in D:/GitHub Project/pay/src/views/all_course/index.vue(12,32):
    12:32 " should be '
        10 | <script lang="ts">
        11 | import Vue from "vue";
      > 12 | import { Component, Vue } from "vue-property-decorator";
           |                                ^
        13 | 
        14 | import Header from "./components/header.vue";
        15 | import CourseList from "./components/course_list.vue";
    WARNING in D:/GitHub Project/pay/src/views/all_course/index.vue(14,20):
    14:20 " should be '
        12 | import { Component, Vue } from "vue-property-decorator";
        13 | 
      > 14 | import Header from "./components/header.vue";
           |                    ^
        15 | import CourseList from "./components/course_list.vue";
        16 | 
        17 | @Component({
    WARNING in D:/GitHub Project/pay/src/views/all_course/index.vue(15,24):
    15:24 " should be '
        13 | 
        14 | import Header from "./components/header.vue";
      > 15 | import CourseList from "./components/course_list.vue";
           |                        ^
        16 | 
        17 | @Component({
        18 |   components: {
    WARNING in D:/GitHub Project/pay/src/views/all_course/index.vue(20,15):
    20:15 Missing trailing comma
        18 |   components: {
        19 |     Header,
      > 20 |     CourseList
           |               ^
        21 |   }
        22 | })
        23 | export default class AllCourse extends Vue {}
    WARNING in D:/GitHub Project/pay/src/views/all_course/index.vue(21,4):
    21:4 Missing trailing comma
        19 |     Header,
        20 |     CourseList
      > 21 |   }
           |    ^
        22 | })
        23 | export default class AllCourse extends Vue {}
        24 | </script>
    WARNING in D:/GitHub Project/pay/src/views/Home.vue(10,53):
    10:53 Missing semicolon
         8 | <script>
         9 | // @ is an alias to /src
      > 10 | import HelloWorld from '@/components/HelloWorld.vue'
           |                                                     ^
        11 | 
        12 | export default {
        13 |   name: 'home',
    WARNING in D:/GitHub Project/pay/src/views/Home.vue(15,15):
    15:15 Missing trailing comma
        13 |   name: 'home',
        14 |   components: {
      > 15 |     HelloWorld
           |               ^
        16 |   }
        17 | }
        18 | </script>
    WARNING in D:/GitHub Project/pay/src/views/Home.vue(16,4):
    16:4 Missing trailing comma
        14 |   components: {
        15 |     HelloWorld
      > 16 |   }
           |    ^
        17 | }
        18 | </script>
        19 | 
    WARNING in D:/GitHub Project/pay/src/views/Home.vue(17,2):
    17:2 Missing semicolon
        15 |     HelloWorld
        16 |   }
      > 17 | }
           |  ^
        18 | </script>
        19 | 
    ERROR in D:/GitHub Project/pay/src/views/all_course/components/course_block.vue(24,8):
    24:8 Duplicate identifier 'Vue'.
        22 | 
        23 | <script lang="ts">
      > 24 | import Vue from "vue";
           |        ^
        25 | import { Component, Vue } from "vue-property-decorator";
        26 | 
        27 | @Component
    ERROR in D:/GitHub Project/pay/src/views/all_course/components/course_block.vue(25,21):
    25:21 Duplicate identifier 'Vue'.
        23 | <script lang="ts">
        24 | import Vue from "vue";
      > 25 | import { Component, Vue } from "vue-property-decorator";
           |                     ^
        26 | 
        27 | @Component
        28 | export default class CourseBlock extends Vue {}
    ERROR in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(39,8):
    39:8 Duplicate identifier 'Vue'.
        37 | 
        38 | <script lang="ts">
      > 39 | import Vue from "vue";
           |        ^
        40 | import { Component, Vue } from "vue-property-decorator";
        41 | 
        42 | import CourseBlock from "./course_block.vue";
    ERROR in D:/GitHub Project/pay/src/views/all_course/components/course_list.vue(40,21):
    40:21 Duplicate identifier 'Vue'.
        38 | <script lang="ts">
        39 | import Vue from "vue";
      > 40 | import { Component, Vue } from "vue-property-decorator";
           |                     ^
        41 | 
        42 | import CourseBlock from "./course_block.vue";
        43 | 
    ERROR in D:/GitHub Project/pay/src/views/all_course/components/header.vue(12,8):12:8 Duplicate identifier 'Vue'.
        10 | 
        11 | <script lang="ts">
      > 12 | import Vue from "vue";
           |        ^
        13 | import { Component, Vue } from "vue-property-decorator";
        14 | 
        15 | @Component
    ERROR in D:/GitHub Project/pay/src/views/all_course/components/header.vue(13,21):
    13:21 Duplicate identifier 'Vue'.
        11 | <script lang="ts">
        12 | import Vue from "vue";
      > 13 | import { Component, Vue } from "vue-property-decorator";
           |                     ^
        14 | 
        15 | @Component
        16 | export default class Header extends Vue {}
    ERROR in D:/GitHub Project/pay/src/views/all_course/index.vue(11,8):
    11:8 Duplicate identifier 'Vue'.
         9 | 
        10 | <script lang="ts">
      > 11 | import Vue from "vue";
           |        ^
        12 | import { Component, Vue } from "vue-property-decorator";
        13 | 
        14 | import Header from "./components/header.vue";
    ERROR in D:/GitHub Project/pay/src/views/all_course/index.vue(12,21):
    12:21 Duplicate identifier 'Vue'.
        10 | <script lang="ts">
        11 | import Vue from "vue";
      > 12 | import { Component, Vue } from "vue-property-decorator";
           |                     ^
        13 |
        14 | import Header from "./components/header.vue";
        15 | import CourseList from "./components/course_list.vue";
    Version: typescript 3.5.3, tslint 5.20.1
    Time: 4078ms
    
      App running at:
      - Local:   http://localhost:8080/
      - Network: http://192.168.31.12:8080/

     这种错误一般是重复导入Vue产生的错误

    把impor Vue from“vue”删掉即可消掉这个Warn提示。

    同理其他Eslint的提示都可以慢慢的改,最后全清掉

  • 相关阅读:
    初步学习pg_control文件之四
    初步学习pg_control文件之三
    初步学习pg_control文件之二
    初步认识pg_control文件之一
    Slony-I的 RemoteWorker重试调查
    对Slony-I中wait on的理解
    超高逼格Log日志打印
    实现列表二级展开/收起/选择
    贝塞尔曲线实现购物车飞入效果
    乐鑫esp8266的 基于Nonos移植红外线1883,实现遥控器控制
  • 原文地址:https://www.cnblogs.com/guoxinyu/p/vue-learn.html
Copyright © 2020-2023  润新知