javascript - 尝试导入错误:运行 ionic serve 时未从“ionicons/icons”导出“reorder”
问题描述
每次运行命令时都会遇到错误ionic serve
。我试过删除 node_modules 并使用 yarn 重新安装所有包,但这个问题仍然存在。
这是错误
Failed to compile
./node_modules/@ionic/react/dist/index.esm.js
Attempted import error: 'reorder' is not exported from 'ionicons/icons'.
This error occurred during the build time and cannot be dismissed.
这是我的 package.json
{
"name": "XXXXXXXXXX",
"version": "0.0.1",
"private": true,
"dependencies": {
"@capacitor/android": "^1.3.0",
"@capacitor/core": "1.3.0",
"@capacitor/ios": "^1.3.0",
"@ionic-native/core": "^5.19.0",
"@ionic-native/http": "^5.19.0",
"@ionic-native/image-picker": "^5.19.1",
"@ionic-native/in-app-browser": "^5.19.0",
"@ionic-native/in-app-purchase": "^5.23.0",
"@ionic-native/in-app-purchase-2": "^5.21.6",
"@ionic-native/screen-orientation": "^5.20.0",
"@ionic-native/sqlite": "^5.20.0",
"@ionic/react": "^4.11.10",
"@ionic/react-router": "^4.11.7",
"@types/jest": "^24.0.18",
"@types/node": "^12.7.12",
"@types/react": "^16.9.5",
"@types/react-dom": "^16.9.1",
"@types/react-router": "^5.1.1",
"@types/react-router-dom": "^5.1.0",
"cc.fovea.cordova.purchase": "^8.1.1",
"chart.js": "^2.9.3",
"cordova-plugin-advanced-http": "^2.3.1",
"cordova-plugin-file": "^6.0.2",
"cordova-plugin-inappbrowser": "^3.1.0",
"cordova-plugin-inapppurchase": "^1.2.0",
"cordova-plugin-screen-orientation": "^3.0.2",
"cordova-plugin-telerik-imagepicker": "^2.3.3",
"cordova-sqlite-storage": "^4.0.0",
"es6-promise-plugin": "^4.2.2",
"ionic-native": "^2.9.0",
"ionicons": "^5.0.1",
"react": "^16.10.2",
"react-chartjs-2": "^2.8.0",
"react-click-n-hold": "^1.0.7",
"react-dom": "^16.10.2",
"react-router": "^5.1.0",
"react-router-dom": "^5.1.0",
"react-shimmer": "^2.0.1",
"typescript": "3.6.3"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"description": "An Ionic project",
"devDependencies": {
"@capacitor/cli": "1.3.0",
"react-scripts": "^3.4.0"
}
}
由于这个错误,我无法在浏览器上运行我的 ionic 应用程序。这会影响调试和测试代码所需的工作时间,因为我需要一直构建为本机代码。
解决方案
通过删除离子包解决它。尝试运行
npm uninstall ionicons
或者
yarn remove ionicons
推荐阅读
- reactjs - Heroku中的Http到Https重定向或如何安装react-https-redirect?
- ruby-on-rails - 如何将 Pundit 政策用于两种不同的模型?
- python - 从长纬度坐标和高程数据创建 tif 文件
- laravel - Laravel 关系 3 模型
- svelte - 如何比较 Svelte 3 中的道具变化
- sql - 有没有办法把这个case语句简化成更容易阅读的东西?
- vb.net - 我会通过什么参数从winforms中的另一个事件中调用一个事件
- swift - 斯威夫特字典
获取可选值 - flutter - 如何防止 RefreshIndicator 触发 ScrollStartNotification
- python - Pyinstaller 添加文件的问题