У меня такая же проблема. Вероятно, это связано с предупреждением, которое появляется при запуске 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) .

Временные исправления Абдлрахмансабера работают,
(Он имеет в виду «Комментарий», а не «Обычный»). Вы хотите прокомментировать строки, которые он закомментировал на своих снимках экрана.

Спасибо, Адрианмед :)

наверное я знаю причину этого бага

причина в том, что если вы пытаетесь импортировать {ICON_PATH}, он ничего не возвращает, попробуйте распечатать его в консоли, он ничего не вернет.

@Adrianmed @Abdlrahmansaber да, он работает, но убивает значки, так что это не временное решение для выпущенного приложения :)

Я применил решение @Abdlrahmansaber. Но он не работает должным образом (исчезли предупреждение компиляции и ошибка консоли).
Я пытаюсь следить за этим: https://ionicframework.com/blog/announcing-the-ionic-vue-beta/
Но сейчас я добавляю

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

Vue.use(Ionic);

для main.js все, что я получаю, - это «пустая» страница.

Текущие версии зависимостей:
"dependencies": {
"@ 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://ionicframework.com/blog/announcing-the-ionic-vue-beta/
Но сейчас я добавляю

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

Vue.use(Ionic);

для main.js все, что я получаю, - это «пустая» страница.

Текущие версии зависимостей:
"dependencies": {
"@ 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"
}

изменить: он отлично работает для меня, даже с вашим цитируемым импортом

Вы должны использовать тот, который я предложил два дня назад, он работает, и вы видите значки

@wannymiarelli Я знаю, что значок убил, но вы можете разрабатывать все приложение без значка, пока не исправите ошибку

и вы правы, это не решение для выпущенного приложения

@mbilbao, можешь показать мне консоль?

Я решил эту проблему, изменив версию ionicons в package-lock.json

Но на самом деле он должен работать со свежей установкой npm

@mbilbao, можешь показать мне консоль?

Привет, консоль была чистой, без каких-либо ошибок, предупреждений или чего-то еще, что показывается при проверке подробного режима.
Я уже понизил версию пакета ionicons, как опубликовал @daarioautumn, и он работает.
В любом случае спасибо

Просто добавьте [email protected] в свой package.json. Это просто отменяет любую одноранговую зависимость и может использоваться в качестве обходного пути.

такая же проблема ... как исправить?

Я применил решение @Abdlrahmansaber. Но он не работает должным образом (исчезли предупреждение компиляции и ошибка консоли).
Я пытаюсь следить за этим: https://ionicframework.com/blog/announcing-the-ionic-vue-beta/
Но сейчас я добавляю

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

Vue.use(Ionic);

для main.js все, что я получаю, - это «пустая» страница.

Текущие версии зависимостей:
"dependencies": {
"@ 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://ionicframework.com/blog/announcing-the-ionic-vue-beta/
Но сейчас я добавляю

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

Vue.use(Ionic);

для main.js все, что я получаю, - это «пустая» страница.

Текущие версии зависимостей:
"dependencies": {
"@ 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 работает для меня

Просто установите пакет ionic: npm install [email protected] --save-dev как предложил @ yasin-mesut

@jepiqueau ваш обходной путь сработал для меня, но теперь у меня есть контент, добавленный в конец каждого ионного элемента в моем приложении:

Вы столкнулись с этой проблемой? Вы знаете, как это решить?

Я просто перешел на нормальный Ionic с Angular. Но я все еще хочу , чтобы развивать свой проект с грустными рамками ви

Я применил решение @Abdlrahmansaber. Но он не работает должным образом (исчезли предупреждение компиляции и ошибка консоли).
Я пытаюсь следить за этим: https://ionicframework.com/blog/announcing-the-ionic-vue-beta/
Но сейчас я добавляю

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

Vue.use(Ionic);

для main.js все, что я получаю, - это «пустая» страница.

Текущие версии зависимостей:
"dependencies": {
"@ 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], но только с ионами, добавленными в vue appInitialize, то есть:
закрыть, изменить порядок, меню, стрелка вперед, стрелка назад, стрелка вниз, поиск и закрытие круга.

Когда мы сможем получить полный доступ ко всем иконкам?

Конечно, можно редактировать 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
Я добавляю кнопку TestIcons в Home.Vue и 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 - спасибо. Это сделало это. Я надеюсь, что он будет официально обновлен до того, как я перейду к продукту, но пока он работает.

Спасибо, ребята, вы действительно облегчили мне задачу

Спасибо за вопрос! Эта проблема заблокирована, чтобы предотвратить комментарии, не относящиеся к исходной проблеме. Если это все еще проблема с последней версией Ionic, создайте новую проблему и убедитесь, что шаблон полностью заполнен.