同じ問題が発生しています。 ionic serve実行時に表示される警告に関連している可能性があります。

warning  in ./node_modules/@ionic/vue/dist/ionic-vue.esm.js
"export 'ICON_PATHS' was not found in 'ionicons/icons'

こっちも一緒。 新しく作成したアプリを提供することはできません。

私が見つけた回避策は、最初にインストールすることです

npm install @ionic/core<strong i="6">@one</strong> 
npm install @ionic/[email protected]

main.jsファイルを変更します

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
//import Ionic from "@ionic/vue"; // comment this line 
import { defineCustomElements as ionic } from "@ionic/core/loader"; // add a direct link to @ionic/core
import { defineCustomElements as svgmorphing } from "stencil-svgpaths-morphing/dist/loader";

import "@ionic/core/css/ionic.bundle.css";

//Vue.config.ignoredElements = [/jeep-\w*/]; // comment this line
Vue.config.ignoredElements = [/^ion-/, /^jeep-/];   // add this line

//Vue.use(Ionic);  // comment this line
ionic(window); // add this line
svgmorphing(window);

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount("#app");

そして、ファイルrouter.jsをそのままにして、IonicVueRouterを引き続き使用することを意味します。

そしてそれはうまくいきます。
ここで、package-lock.jsonを見ると、

@ionic/core is version "4.6.0-dev.201906131724.645b9a9" requiring "ionicons": "4.5.9-1"
@ionic/vue is version 0.0.4 with dependencies @ionic/[email protected] requiring "ionicons": "4.5.10-2

実際、アイコンを表示するには、main.jsは次のようになります。

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import { defineCustomElements as ionic } from "@ionic/core/loader"; // added line
import { defineCustomElements as svgmorphing } from "stencil-svgpaths-morphing/dist/loader";

//import Ionic from "@ionic/vue"; // commented line
import { addIcons } from "ionicons"; // added line
import { ICON_PATHS } from "ionicons/icons"; // added line
import "@ionic/core/css/ionic.bundle.css";

//Vue.config.ignoredElements = [/jeep-\w*/];  // commented line
Vue.config.ignoredElements = [/^ion-/, /^jeep-/]; // added line

//Vue.use(Ionic); // commented line
ionic(window); // added line
svgmorphing(window);
addIcons(ICON_PATHS); // added line
Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount("#app");

これでアイコンが表示されます
これは、@ ionic / vueが@ionic / core @oneに更新されるまでの回避策として使用できます。

完全な実装についてはを参照してください

https://github.com/jepiqueau/vue-test-stencil-svgpaths-morphing/tree/ionicone

私は同じ問題に直面しています。 新しく作成したアプリを提供することはできません。

こっちも一緒

一時的に、

• これらのファイルのアイコンに関連する一般的なもの（ionic-vue.esm.js、コンソールに表示されるチャンクファイル）

私はこれを行いました、そしてアプリは私のために働きました、しかしそれは正しい解決策ではありません、しかしあなたはあなたの仕事を続けることができるために今これをすることができます

これらのファイルが見つからない場合は、プロジェクトディレクトリに移動し、コンピュータ/ラップ検索からファイルの名を右に検索します。 （ionic-vue.esm.js write-> ionicを検索すると、ionicで始まるすべてのファイル/フォルダーが表示されます。この場合は、探しているファイルを選択してください（ionic-vue.esm.jsを選択する必要があります）。 。

Abdlrahmansaberの一時修正は機能しますが、
（彼は「共​​通」ではなく「コメント」を意味します）あなたは彼がスクリーンショットでコメントアウトした行をコメントアウトしたいと思います。

ありがとうエイドリアン:)

おそらく私はこのバグの理由を知っています

{ICON_PATH}をインポートしようとしても何も返されないため、コンソールで印刷しようとすると何も返されません。

@Adrianmed @Abdlrahmansaberはい、動作しますがアイコンを強制終了するため、これはリリースされたアプリの一時的な解決策ではありません:)

@Abdlrahmansaberのソリューションを適用しました。 しかし、それは正しく機能していません（コンパイル警告とコンソールエラーが消えました）。
私はそれをフォローしようとしています： https ：
しかし、私が追加する瞬間に

import Ionic from '@ionic/vue';
import '@ionic/core/css/ionic.bundle.css';

Vue.use(Ionic);

main.jsに私が得るのは、「空白の」ページだけです。

現在の依存関係のバージョン：
「依存関係」：{
"@ ionic / vue"： "0.0.4"、
"vue"： "^ 2.6.10"、
"vue-router"： "^ 3.0.3"
}、
"devDependencies"：{
"@ vue / cli-service"： "^ 3.8.0"、
"vue-template-compiler"： "^ 2.6.10"
}

@Abdlrahmansaberのソリューションを適用しました。 しかし、それは正しく機能していません（コンパイル警告とコンソールエラーが消えました）。
私はそれをフォローしようとしています： https ：
しかし、私が追加する瞬間に

import Ionic from '@ionic/vue';
import '@ionic/core/css/ionic.bundle.css';

Vue.use(Ionic);

main.jsに私が得るのは、「空白の」ページだけです。

現在の依存関係のバージョン：
「依存関係」：{
"@ ionic / vue"： "0.0.4"、
"vue"： "^ 2.6.10"、
"vue-router"： "^ 3.0.3"
}、
"devDependencies"：{
"@ vue / cli-service"： "^ 3.8.0"、
"vue-template-compiler"： "^ 2.6.10"
}

編集：あなたの引用されたインポートでも、それは私にはうまくいきます

2日前に提案したものを使用する必要がありますそれは機能し、アイコンが表示されます

@wannymiarelliアイコンが

そして、あなたは正しいです、それはリリースされたアプリの解決策ではありません

@mbilbaoコンソールを見せてくれませんか。

package-lock.jsonのioniconsバージョンを変更することでこれを解決します

しかし、実際には新しいnpmインストールで動作するはずです

@mbilbaoコンソールを見せてくれませんか。

ねえ、コンソールはクリアで、エラー、警告、または詳細モードをチェックしたときに表示されるものは何もありませんでした。
@daarioautumnが投稿したように、私はすでにioniconsパッケージをダウングレードしました。
とにかく@Abdlrahmansaberありがとう。

package.jsonに[email protected]を追加するだけです。 これはピアの依存関係を上書きするだけであり、回避策として使用できます。

同じ問題...それを修正する方法は？

@Abdlrahmansaberのソリューションを適用しました。 しかし、それは正しく機能していません（コンパイル警告とコンソールエラーが消えました）。
私はそれをフォローしようとしています： https ：
しかし、私が追加する瞬間に

import Ionic from '@ionic/vue';
import '@ionic/core/css/ionic.bundle.css';

Vue.use(Ionic);

main.jsに私が得るのは、「空白の」ページだけです。

現在の依存関係のバージョン：
「依存関係」：{
"@ ionic / vue"： "0.0.4"、
"vue"： "^ 2.6.10"、
"vue-router"： "^ 3.0.3"
}、
"devDependencies"：{
"@ vue / cli-service"： "^ 3.8.0"、
"vue-template-compiler"： "^ 2.6.10"
}

@mbilbao同じ問題があります。 修正は見つかりましたか？

同じ問題があります。 解決策を見つけるためにインターネットで数時間調べましたが、この問題を解決する適切な方法が見つかりませんでした。 誰かが私を助けることができますか？

@Abdlrahmansaberのソリューションを適用しました。 しかし、それは正しく機能していません（コンパイル警告とコンソールエラーが消えました）。
私はそれをフォローしようとしています： https ：
しかし、私が追加する瞬間に

import Ionic from '@ionic/vue';
import '@ionic/core/css/ionic.bundle.css';

Vue.use(Ionic);

main.jsに私が得るのは、「空白の」ページだけです。

現在の依存関係のバージョン：
「依存関係」：{
"@ ionic / vue"： "0.0.4"、
"vue"： "^ 2.6.10"、
"vue-router"： "^ 3.0.3"
}、
"devDependencies"：{
"@ vue / cli-service"： "^ 3.8.0"、
"vue-template-compiler"： "^ 2.6.10"
}

@mbilbao同じ問題があります。 修正は見つかりましたか？

はい、 @ daarioautumnのソリューションを適用しました。ioniconsパッケージを4.5.8にダウングレードするだけです。

@ yasin-mesutソリューションは私のために働きます

@ yasin-mesutが提案したように、イオンパッケージをインストールするだけです： npm install [email protected] --save-dev

@jepiqueauあなたの回避策は私のために働いたが、今私は私のアプリのすべてのイオンアイテムの最後にコンテンツを追加しました：

この問題が発生しましたか？ あなたはそれを解決する方法を知っていますか？

Angularで通常のIonicに移行しました。 しかし、私はまだ悲しいvueフレームワークで私のプロジェクトを開発したいです

@Abdlrahmansaberのソリューションを適用しました。 しかし、それは正しく機能していません（コンパイル警告とコンソールエラーが消えました）。
私はそれをフォローしようとしています： https ：
しかし、私が追加する瞬間に

import Ionic from '@ionic/vue';
import '@ionic/core/css/ionic.bundle.css';

Vue.use(Ionic);

main.jsに私が得るのは、「空白の」ページだけです。

現在の依存関係のバージョン：
「依存関係」：{
"@ ionic / vue"： "0.0.4"、
"vue"： "^ 2.6.10"、
"vue-router"： "^ 3.0.3"
}、
"devDependencies"：{
"@ vue / cli-service"： "^ 3.8.0"、
"vue-template-compiler"： "^ 2.6.10"
}

@mbilbao同じ問題があります。 修正は見つかりましたか？

はい、 @ daarioautumnのソリューションを適用しました。ioniconsパッケージを4.5.8にダウングレードするだけです。

私はこのスタイルを見つけました：

html:not(.hydrated) body {
    display: none;
}

これは、@ ionic /[email protected]を使用することで解決され

最新バージョン（@ ionic / vue @ 0.0.9）をnpmに公開できますか？ 現在npmにはv0.0.4があります。

npm do npm install --save @ ionic / vue @nextで公開されています

@jepiqueauのソリューションは私にとって完璧に機能しました。 ありがとうございました！！！

@ ionic / [email protected]では正常に機能しますが、vueappInitializeで追加されたイオンでのみ機能します。
閉じる、並べ替え、メニュー、矢印を前に、矢印を後ろに、矢印を下に、検索して円を閉じます。

すべてのアイコンへのフルアクセスをいつ希望できますか？

もちろん、ionic-vue.esm.jsを編集することはできますが、これが推奨される方法かどうかはわかりません。

他のアイコンを持つための解決策は、main.jsファイルにそれらを追加することです。つまり、アイコン「スター」、「ゴミ箱」、「作成」の場合、これを行います

// after import Ionic from "@ionic/vue"; 

import { addIcons } from "ionicons";
import { star, trash, create } from "ionicons/icons";

// after Vue.use(Ionic);
addIcons({
  "ios-star": star.ios,
  "md-star": star.md,
  "ios-trash": trash.ios,
  "md-trash": trash.md,
  "ios-create": create.ios,
  "md-create": create.md
});

それだけで機能するので、イオンアイテムに追加したいアイコンでも使用したいアイコンに対してそれを実行します
それが助けになることを願っています

のブランチioniconeを見てください
https://github.com/jepiqueau/vue-test-stencil-svgpaths-morphing
Home.VueにTestIconsボタンを追加し、目的のアイコンを表示するTestIcons.Vueを追加します

それはうまくいきます。 助けてくれてありがとう。 それは一時的な修正ですか、それともアイコンにアクセスするための方法ですか？

Ionicチームの計画はわかりませんが、私にとっては、アプリのサイズを無価値に増やすすべてのアイコンではなく、アプリに必要なアイコンのみをインポートするのが論理的です。

名前にダッシュが含まれるアイコンをインポートしようとする場合、たとえばlog-out場合は、代わりにインポートでlogOutを使用できます。

import { addIcons } from "ionicons";
import { logOut } from "ionicons/icons";
addIcons({
  "ios-log-out": logOut.ios,
  "md-log-out": logOut.md
});

それが方法です

これは解決されましたか？

将来これに遭遇する人々のために、修正は幾分上に埋もれています。 @ ionic / vueのバージョンを更新するだけです。例：

$ npm install @ionic/[email protected]

@ hunterloftis-ありがとう。 それはそれをしました。 prodに行く前に正式に更新されることを願っていますが、今のところは機能します。

みんなありがとう、あなたは本当に私のためにそれを簡単にしました

問題をありがとう！ この問題は、元の問題に関連しないコメントを防ぐためにロックされています。 これが最新バージョンのIonicで引き続き問題になる場合は、新しい問題を作成し、テンプレートが完全に入力されていることを確認してください。