teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

記述ミス

2020/01/27 11:40

投稿

yacchi1123
yacchi1123

スコア8

title CHANGED
File without changes
body CHANGED
@@ -25,7 +25,7 @@
25
25
 
26
26
  ■ productionモードでない場合
27
27
  ```
28
- placeholder: \"\uE004\"
28
+ placeholder: \"\uf002\"
29
29
  ```
30
30
 
31
31
  ■ productionモードの場合

1

環境について追記

2020/01/27 11:40

投稿

yacchi1123
yacchi1123

スコア8

title CHANGED
File without changes
body CHANGED
@@ -33,7 +33,15 @@
33
33
  placeholder: "?"
34
34
  ```
35
35
 
36
+ 詳細な原因はわからないのですが、どうやらgulpファイルでutf-8からshift-jisに文字コード変換しているのが悪さしているようです。(gulpの以下のタスクを実行しなければ正常にアイコン表示されました。)
36
- vue-cliのproductionモードのビルドでunicodeが正常解析されていないようにみえます。
37
+ ただし、productionモードとそれ以外場合両方ともgulpの以下のタスクが実行されております。
37
- webpack等は特にカスタマイズしておらず、create vueプロジェクトで作成されたデフォルトのままです。
38
38
 
39
+ ■ gulpファイル
40
+ ```
41
+ gulp.task('convert', () => {
42
+ return gulp.src(['./.tmp/**/*.js', './.tmp/*.html'])
43
+ .pipe(convertEncoding({ to: 'Shift_JIS' }))
44
+ .pipe(gulp.dest('./dist'))
45
+ ```
46
+
39
47
  本件につきまして、原因や回避策わかる方いらっしゃれば、ご教示いただきたいです。