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的提示都可以慢慢的改，最后全清掉
以上是 Vue工程报错解决方案Warn:import Vue from \"vue\"; 的全部内容， 来源链接： utcz.com/z/377778.html
