Open giabao2000 opened 1 year ago
I try do install polotno in nuxt 2 project follow https://polotno.com/docs/non-react-integration
package.json { "name": "admin", "version": "1.4.13", "private": true, "scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start", "generate": "nuxt generate", "lint:js": "eslint --ext \".js,.vue\" --ignore-path .gitignore .", "lint": "npm run lint:js", "storybook": "nuxt-storybook" }, "dependencies": { "@ckeditor/ckeditor5-basic-styles": "^33.0.0", "@ckeditor/ckeditor5-code-block": "^33.0.0", "@ckeditor/ckeditor5-editor-classic": "^33.0.0", "@ckeditor/ckeditor5-essentials": "^33.0.0", "@ckeditor/ckeditor5-heading": "^33.0.0", "@ckeditor/ckeditor5-html-embed": "^33.0.0", "@ckeditor/ckeditor5-image": "^33.0.0", "@ckeditor/ckeditor5-link": "^33.0.0", "@ckeditor/ckeditor5-list": "^33.0.0", "@ckeditor/ckeditor5-paragraph": "^33.0.0", "@ckeditor/ckeditor5-source-editing": "^33.0.0", "@ckeditor/ckeditor5-table": "^33.0.0", "@ckeditor/ckeditor5-theme-lark": "^33.0.0", "@ckeditor/ckeditor5-vue2": "^2.0.0", "@fortawesome/fontawesome-svg-core": "^1.2.35", "@fortawesome/free-brands-svg-icons": "^5.15.4", "@fortawesome/free-regular-svg-icons": "^5.15.4", "@fortawesome/free-solid-svg-icons": "^5.15.3", "@fortawesome/vue-fontawesome": "^2.0.2", "@fullcalendar/core": "^5.11.0", "@fullcalendar/daygrid": "^5.11.0", "@fullcalendar/interaction": "^5.11.0", "@fullcalendar/timegrid": "^5.11.0", "@fullcalendar/vue": "^5.11.0", "@nuxtjs/axios": "^5.13.1", "@nuxtjs/dotenv": "^1.4.1", "@nuxtjs/fontawesome": "^1.1.2", "canvas": "^2.11.0", "chart.js": "^2.9.4", "color-convert": "^1.9.3", "core-js": "^3.22.8", "deepmerge": "^4.2.2", "file-saver": "^2.0.5", "font-color-contrast": "^11.1.0", "gsap": "^3.10.4", "keycodes": "^1.0.0", "lottie-web": "^5.9.4", "nuxt": "^2.15.8", "nuxt-webfontloader": "^1.1.0", "parcel": "^2.8.3", "polotno": "^1.7.5", "prismjs": "^1.28.0", "react": "^18.2.0", "react-dom": "^18.2.0", "react-sortablejs": "^6.1.1", "sortablejs": "^1.15.0", "store": "^2.0.12", "stylus": "^0.54.8", "v-click-outside": "^3.2.0", "v-tooltip": "^2.1.3", "vee-validate": "^3.4.8", "vue-chartjs": "^3.5.1", "vue-color": "^2.8.1", "vue-context-menu": "^2.0.6", "vue-grid-layout": "^2.3.12", "vue-js-modal": "^2.0.0-rc.6", "vue-lazyload": "^1.3.4", "vue-multiselect": "^2.1.6", "vue-prism-editor": "^1.3.0", "vue-scrollto": "^2.20.0", "vue-toastification": "^1.7.14", "vue-video": "^0.1.7", "vue-youtube": "^1.4.0", "vue2-timepicker": "^1.1.6", "vuedraggable": "^2.24.3", "vuejs-datepicker": "^1.6.2", "vuex-persistedstate": "^4.1.0" }, "devDependencies": { "@ckeditor/ckeditor5-dev-utils": "^25.4.4", "@ckeditor/ckeditor5-dev-webpack-plugin": "^25.4.4", "@nuxtjs/eslint-config": "^6.0.0", "@nuxtjs/eslint-module": "^3.1.0", "@nuxtjs/storybook": "^4.3.2", "@nuxtjs/style-resources": "^1.0.0", "@storybook/addon-notes": "^5.3.21", "babel-eslint": "^10.1.0", "eslint": "^7.22.0", "eslint-config-prettier": "^8.1.0", "eslint-plugin-nuxt": "^2.0.0", "eslint-plugin-prettier": "^3.3.1", "eslint-plugin-vue": "^7.7.0", "moment-locales-webpack-plugin": "^1.2.0", "prettier": "^2.6.2", "pug": "^3.0.2", "pug-plain-loader": "^1.1.0", "raw-loader": "^4.0.2", "stylus-loader": "^3.0.2" } }
{ "name": "admin", "version": "1.4.13", "private": true, "scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start", "generate": "nuxt generate", "lint:js": "eslint --ext \".js,.vue\" --ignore-path .gitignore .", "lint": "npm run lint:js", "storybook": "nuxt-storybook" }, "dependencies": { "@ckeditor/ckeditor5-basic-styles": "^33.0.0", "@ckeditor/ckeditor5-code-block": "^33.0.0", "@ckeditor/ckeditor5-editor-classic": "^33.0.0", "@ckeditor/ckeditor5-essentials": "^33.0.0", "@ckeditor/ckeditor5-heading": "^33.0.0", "@ckeditor/ckeditor5-html-embed": "^33.0.0", "@ckeditor/ckeditor5-image": "^33.0.0", "@ckeditor/ckeditor5-link": "^33.0.0", "@ckeditor/ckeditor5-list": "^33.0.0", "@ckeditor/ckeditor5-paragraph": "^33.0.0", "@ckeditor/ckeditor5-source-editing": "^33.0.0", "@ckeditor/ckeditor5-table": "^33.0.0", "@ckeditor/ckeditor5-theme-lark": "^33.0.0", "@ckeditor/ckeditor5-vue2": "^2.0.0", "@fortawesome/fontawesome-svg-core": "^1.2.35", "@fortawesome/free-brands-svg-icons": "^5.15.4", "@fortawesome/free-regular-svg-icons": "^5.15.4", "@fortawesome/free-solid-svg-icons": "^5.15.3", "@fortawesome/vue-fontawesome": "^2.0.2", "@fullcalendar/core": "^5.11.0", "@fullcalendar/daygrid": "^5.11.0", "@fullcalendar/interaction": "^5.11.0", "@fullcalendar/timegrid": "^5.11.0", "@fullcalendar/vue": "^5.11.0", "@nuxtjs/axios": "^5.13.1", "@nuxtjs/dotenv": "^1.4.1", "@nuxtjs/fontawesome": "^1.1.2", "canvas": "^2.11.0", "chart.js": "^2.9.4", "color-convert": "^1.9.3", "core-js": "^3.22.8", "deepmerge": "^4.2.2", "file-saver": "^2.0.5", "font-color-contrast": "^11.1.0", "gsap": "^3.10.4", "keycodes": "^1.0.0", "lottie-web": "^5.9.4", "nuxt": "^2.15.8", "nuxt-webfontloader": "^1.1.0", "parcel": "^2.8.3", "polotno": "^1.7.5", "prismjs": "^1.28.0", "react": "^18.2.0", "react-dom": "^18.2.0", "react-sortablejs": "^6.1.1", "sortablejs": "^1.15.0", "store": "^2.0.12", "stylus": "^0.54.8", "v-click-outside": "^3.2.0", "v-tooltip": "^2.1.3", "vee-validate": "^3.4.8", "vue-chartjs": "^3.5.1", "vue-color": "^2.8.1", "vue-context-menu": "^2.0.6", "vue-grid-layout": "^2.3.12", "vue-js-modal": "^2.0.0-rc.6", "vue-lazyload": "^1.3.4", "vue-multiselect": "^2.1.6", "vue-prism-editor": "^1.3.0", "vue-scrollto": "^2.20.0", "vue-toastification": "^1.7.14", "vue-video": "^0.1.7", "vue-youtube": "^1.4.0", "vue2-timepicker": "^1.1.6", "vuedraggable": "^2.24.3", "vuejs-datepicker": "^1.6.2", "vuex-persistedstate": "^4.1.0" }, "devDependencies": { "@ckeditor/ckeditor5-dev-utils": "^25.4.4", "@ckeditor/ckeditor5-dev-webpack-plugin": "^25.4.4", "@nuxtjs/eslint-config": "^6.0.0", "@nuxtjs/eslint-module": "^3.1.0", "@nuxtjs/storybook": "^4.3.2", "@nuxtjs/style-resources": "^1.0.0", "@storybook/addon-notes": "^5.3.21", "babel-eslint": "^10.1.0", "eslint": "^7.22.0", "eslint-config-prettier": "^8.1.0", "eslint-plugin-nuxt": "^2.0.0", "eslint-plugin-prettier": "^3.3.1", "eslint-plugin-vue": "^7.7.0", "moment-locales-webpack-plugin": "^1.2.0", "prettier": "^2.6.2", "pug": "^3.0.2", "pug-plain-loader": "^1.1.0", "raw-loader": "^4.0.2", "stylus-loader": "^3.0.2" } }
But Error in ./node_modules/polotno/node_modules/react-sortablejs/dist/index.js
I try do install polotno in nuxt 2 project follow https://polotno.com/docs/non-react-integration
package.json
{ "name": "admin", "version": "1.4.13", "private": true, "scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start", "generate": "nuxt generate", "lint:js": "eslint --ext \".js,.vue\" --ignore-path .gitignore .", "lint": "npm run lint:js", "storybook": "nuxt-storybook" }, "dependencies": { "@ckeditor/ckeditor5-basic-styles": "^33.0.0", "@ckeditor/ckeditor5-code-block": "^33.0.0", "@ckeditor/ckeditor5-editor-classic": "^33.0.0", "@ckeditor/ckeditor5-essentials": "^33.0.0", "@ckeditor/ckeditor5-heading": "^33.0.0", "@ckeditor/ckeditor5-html-embed": "^33.0.0", "@ckeditor/ckeditor5-image": "^33.0.0", "@ckeditor/ckeditor5-link": "^33.0.0", "@ckeditor/ckeditor5-list": "^33.0.0", "@ckeditor/ckeditor5-paragraph": "^33.0.0", "@ckeditor/ckeditor5-source-editing": "^33.0.0", "@ckeditor/ckeditor5-table": "^33.0.0", "@ckeditor/ckeditor5-theme-lark": "^33.0.0", "@ckeditor/ckeditor5-vue2": "^2.0.0", "@fortawesome/fontawesome-svg-core": "^1.2.35", "@fortawesome/free-brands-svg-icons": "^5.15.4", "@fortawesome/free-regular-svg-icons": "^5.15.4", "@fortawesome/free-solid-svg-icons": "^5.15.3", "@fortawesome/vue-fontawesome": "^2.0.2", "@fullcalendar/core": "^5.11.0", "@fullcalendar/daygrid": "^5.11.0", "@fullcalendar/interaction": "^5.11.0", "@fullcalendar/timegrid": "^5.11.0", "@fullcalendar/vue": "^5.11.0", "@nuxtjs/axios": "^5.13.1", "@nuxtjs/dotenv": "^1.4.1", "@nuxtjs/fontawesome": "^1.1.2", "canvas": "^2.11.0", "chart.js": "^2.9.4", "color-convert": "^1.9.3", "core-js": "^3.22.8", "deepmerge": "^4.2.2", "file-saver": "^2.0.5", "font-color-contrast": "^11.1.0", "gsap": "^3.10.4", "keycodes": "^1.0.0", "lottie-web": "^5.9.4", "nuxt": "^2.15.8", "nuxt-webfontloader": "^1.1.0", "parcel": "^2.8.3", "polotno": "^1.7.5", "prismjs": "^1.28.0", "react": "^18.2.0", "react-dom": "^18.2.0", "react-sortablejs": "^6.1.1", "sortablejs": "^1.15.0", "store": "^2.0.12", "stylus": "^0.54.8", "v-click-outside": "^3.2.0", "v-tooltip": "^2.1.3", "vee-validate": "^3.4.8", "vue-chartjs": "^3.5.1", "vue-color": "^2.8.1", "vue-context-menu": "^2.0.6", "vue-grid-layout": "^2.3.12", "vue-js-modal": "^2.0.0-rc.6", "vue-lazyload": "^1.3.4", "vue-multiselect": "^2.1.6", "vue-prism-editor": "^1.3.0", "vue-scrollto": "^2.20.0", "vue-toastification": "^1.7.14", "vue-video": "^0.1.7", "vue-youtube": "^1.4.0", "vue2-timepicker": "^1.1.6", "vuedraggable": "^2.24.3", "vuejs-datepicker": "^1.6.2", "vuex-persistedstate": "^4.1.0" }, "devDependencies": { "@ckeditor/ckeditor5-dev-utils": "^25.4.4", "@ckeditor/ckeditor5-dev-webpack-plugin": "^25.4.4", "@nuxtjs/eslint-config": "^6.0.0", "@nuxtjs/eslint-module": "^3.1.0", "@nuxtjs/storybook": "^4.3.2", "@nuxtjs/style-resources": "^1.0.0", "@storybook/addon-notes": "^5.3.21", "babel-eslint": "^10.1.0", "eslint": "^7.22.0", "eslint-config-prettier": "^8.1.0", "eslint-plugin-nuxt": "^2.0.0", "eslint-plugin-prettier": "^3.3.1", "eslint-plugin-vue": "^7.7.0", "moment-locales-webpack-plugin": "^1.2.0", "prettier": "^2.6.2", "pug": "^3.0.2", "pug-plain-loader": "^1.1.0", "raw-loader": "^4.0.2", "stylus-loader": "^3.0.2" } }
But Error in ./node_modules/polotno/node_modules/react-sortablejs/dist/index.js