teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問The keyword 'export' is reservedの解消方法がわかりません

編集履歴

質問編集履歴

1

ご指摘の通り、具体的に何をしたかを記述しようと、再度やりなおしてみたところエラーが発生せずに済みました。お時間をとらせ、申し訳ありませんでした。

2019/12/26 06:01

投稿

ff7575
ff7575

スコア123

test CHANGED
File without changes
test CHANGED
@@ -2,15 +2,29 @@
2
2
 
3
3
  https://ja.nuxtjs.org/guide/development-tools/
4
4
 
5
- の手順をもとに、eslintおよびprettierをプロジェクトファイルに入れ、
5
+ の手順をもとに、eslintおよびprettierを利用できる環境を以下の手順で構築しようとしました。
6
+
7
+ **①npmでeslintとprettierパッケージを以下のコマンド入力によってインストールする**
6
8
 
7
9
 
8
10
 
9
11
  ```
10
12
 
13
+ npm install --save-dev babel-eslint eslint eslint-config-prettier eslint-loader eslint-plugin-vue eslint-plugin-prettier prettier
14
+
15
+ ```
16
+
17
+ 何のエラーもなくインストールできました。
18
+
19
+
20
+
21
+ **②.eslintrc.js ファイルをプロジェクトのルートディレクトにつくって公式サイトどおり ESLint を設定する**
22
+
23
+ ```.eslintrc.jc
24
+
11
25
  module.exports = {
12
26
 
13
- root: true,
27
+ root: true,
14
28
 
15
29
  env: {
16
30
 
@@ -22,7 +36,7 @@
22
36
 
23
37
  parserOptions: {
24
38
 
25
- parser: 'babel-eslint',
39
+ parser: 'babel-eslint'
26
40
 
27
41
  },
28
42
 
@@ -33,6 +47,10 @@
33
47
  // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
34
48
 
35
49
  // より厳しいルールにするには`plugin:vue/strongly-recommended` もしくは `plugin:vue/recommended` に切り替えることを検討してください。
50
+
51
+ 'plugin:vue/recommended',
52
+
53
+ 'plugin:prettier/recommended'
36
54
 
37
55
  ],
38
56
 
@@ -62,67 +80,89 @@
62
80
 
63
81
  ```
64
82
 
65
- というふうに公式サイトのものをコピー&ペーストし、完全に同一な.eslintrc.jsを作成しました。
83
+ コピペのため、コード上に問題ないと考えます。
66
84
 
67
- しかし、nuxt.config.js上では、
68
85
 
69
- **Parsing error: The keyword'export' is reserved**
70
86
 
71
- というエラーが出てしまいます。
87
+ **③lint と lintfix スクリプトを package.json に追加する**
72
88
 
73
- nuxt.config.js上では、プロジェクトファイルを生成した当初から、
89
+ ```package.json
74
90
 
75
- ```
91
+ "scripts": {
76
92
 
77
- export default {
93
+ "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
78
94
 
79
- ................
80
-
81
- ..........
82
-
83
- ....
84
-
85
- }
86
-
87
- コード
88
-
89
- ```
90
-
91
- となっています。
92
-
93
- また、eslintrc.jsに置いても、
94
-
95
- File ignored by default Use a negated ignore pattern(like"--ignore-pattern'!<relative/path/to/filename>'")to overrideという警告が出されています。
95
+ "lintfix": "eslint --fix --ext .js,.vue --ignore-path .gitignore ."
96
-
97
- これは、eslintrc.js上の
98
-
99
- ```
100
-
101
- **module.exports**{
102
96
 
103
97
  }
104
98
 
105
99
  ```
106
100
 
107
- が指摘されているらしいのですが、こちらも見当がつきません。
101
+ コピペのため、コード上に問題ないと考えます。
108
102
 
109
- 自分の調べが不足しているのは確かであり大変申し訳なく思っています。
110
-
111
- どうか、
112
-
113
- **①nuxt.config.jsのエラー**
103
+ ④以下のコードを実行し、挙動を確認する
114
-
115
- Parsing error: The keyword'export' is reserved
116
104
 
117
105
 
118
106
 
119
- **②eslintrc.jsの警告**
107
+ ```
120
108
 
109
+ npm run lint
110
+
111
+ ```
112
+
113
+ ```
114
+
121
- File ignored by default Use a negated ignore pattern(like"--ignore-pattern'!<relative/path/to/filename>'")to override
115
+ npm run lintfix
116
+
117
+ ```
122
118
 
123
119
 
124
120
 
121
+ ⑤nuxt.config.jsに以下の通り、記述する。
122
+
123
+ ```nuxt.config.js
124
+
125
+ build: {
126
+
127
+ ............
128
+
129
+ ...........
130
+
131
+ ............
132
+
133
+ extend(config, ctx) {
134
+
135
+ // Run ESLint on save
136
+
137
+ if (ctx.isDev && ctx.isClient) {
138
+
139
+ config.module.rules.push({
140
+
141
+ enforce: "pre",
142
+
143
+ test: /.(js|vue)$/,
144
+
145
+ loader: "eslint-loader",
146
+
147
+ exclude: /(node_modules)/
148
+
149
+ })
150
+
151
+ }
152
+
153
+ }
154
+
155
+ }
156
+
157
+ ```
158
+
159
+ なにも実行しなくともデフォルトで
160
+
125
- この2点のどちらかでも良いので、解消方法を教えていただけないでしょうかよろしくお願いします。
161
+ **keyword 'export' is not defined..**
162
+
163
+ とコンソール上に出てしまう
164
+
165
+
126
166
 
127
167
  バージョン情報
128
168