Rollup failed to resolve import "react-quill"

[aldy97]

I am using 2.0.0 (not sure if it's beta1 or beta2). I have no issue getting this to run locally. But encountered this when deploying. Anyone know why it's like that?

import ReactQuill from 'react-quill';

interface RichTextFieldProps {
  value: string;
  onChange: (value: string) => void;
  placeHolder: string;
  readOnly: boolean;
}

export function RichTextField({ value, onChange, placeHolder, readOnly }: RichTextFieldProps) {
  const modules = {
    toolbar: [
      ['bold', 'underline'],
      [{ list: 'ordered' }, { list: 'bullet' }],
    ],
  };
  const formats = ['bold', 'underline', 'list', 'ordered', 'bullet'];

  return (
    <ReactQuill
      value={value}
      readOnly={readOnly}
      placeholder={placeHolder}
      onChange={onChange}
      modules={modules}
      formats={formats}
      className="bg-white"
    />
  );
}

{
  "name": "supervisa-web",
  "version": "1.0.0",
  "engines": {
    "node": "14.21.2",
    "npm": "6.14.5"
  },
  "private": true,
  "description": "This repo holds the django backend and react frontend folders within it.",
  "scripts": {
    "start": "vite",
    "build": "vite build",
    "lint": "eslint --report-unused-disable-directives --ext jsx,js,tsx,ts --format codeframe js/",
    "lint-fix": "eslint --report-unused-disable-directives --ext jsx,js,tsx,ts --fix js/",
    "typecheck": "tsc --project tsconfig.json --pretty --noEmit",
    "cleanup": "rm -rf .cache",
    "prepare": "husky install",
    "test": "jest",
    "test:lint-staged": "jest --bail --findRelatedTests"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/SUPERVISA-AI/supervisa-web.git"
  },
  "bugs": {
    "url": "https://github.com/SUPERVISA-AI/supervisa-web/issues"
  },
  "homepage": "https://github.com/SUPERVISA-AI/supervisa-web#readme",
  "devDependencies": {
    "@babel/core": "^7.16.0",
    "@babel/eslint-parser": "^7.14.7",
    "@babel/preset-env": "7.13.8",
    "@babel/preset-typescript": "^7.16.0",
    "@rollup/plugin-commonjs": "^24.0.0",
    "@types/body-scroll-lock": "^3.1.0",
    "@types/history": "^4.7.9",
    "@types/jest": "^28.1.1",
    "@types/node": "^18.11.17",
    "@types/react-copy-to-clipboard": "^5.0.2",
    "@types/react-instantsearch-dom": "^6.12.2",
    "@types/react-router-dom": "^5.1.8",
    "@types/react-select": "^4.0.17",
    "@types/react-table": "^7.7.7",
    "@types/yup": "^0.29.13",
    "@typescript-eslint/eslint-plugin": "^5.27.1",
    "@typescript-eslint/parser": "^5.27.1",
    "@vitejs/plugin-react": "^3.0.0",
    "autoprefixer": "^10.4.2",
    "babel-eslint": "^10.1.0",
    "babel-jest": "^27.3.1",
    "eslint": "^7.27.0",
    "eslint-config-airbnb": "^18.2.1",
    "eslint-config-prettier": "^8.3.0",
    "eslint-plugin-import": "^2.22.1",
    "eslint-plugin-jest": "^26.5.3",
    "eslint-plugin-jsx-a11y": "^6.4.1",
    "eslint-plugin-prettier": "^3.4.0",
    "eslint-plugin-react": "^7.23.1",
    "eslint-plugin-react-hooks": "^2.5.1",
    "husky": "^7.0.0",
    "jest": "^27.3.1",
    "lint-staged": "^11.0.0",
    "npm-run-all": "^4.1.5",
    "postcss": "^8.4.5",
    "prettier": "^2.3.2",
    "prettier-plugin-tailwindcss": "^0.2.1",
    "sass": "^1.32.8",
    "tailwindcss": "^3.2.4",
    "ts-jest": "^28.0.4",
    "typescript": "^4.8.4",
    "vite": "^4.0.1",
    "vite-plugin-svgr": "^2.4.0"
  },
  "dependencies": {
    "@brainhubeu/react-carousel": "^1.19.26",
    "@datadog/browser-rum": "^4.2.0",
    "@formkit/auto-animate": "^1.0.0-beta.6",
    "@heroicons/react": "^2.0.15",
    "@radix-ui/react-accordion": "^0.1.6",
    "@radix-ui/react-alert-dialog": "^0.1.7",
    "@radix-ui/react-checkbox": "^0.1.5",
    "@radix-ui/react-collapsible": "^0.1.6",
    "@radix-ui/react-dialog": "^0.1.7",
    "@radix-ui/react-dropdown-menu": "^0.1.6",
    "@radix-ui/react-icons": "^1.1.1",
    "@radix-ui/react-label": "^0.1.5",
    "@radix-ui/react-progress": "^0.1.4",
    "@radix-ui/react-scroll-area": "^0.1.4",
    "@radix-ui/react-select": "^0.1.1",
    "@radix-ui/react-separator": "^0.1.4",
    "@radix-ui/react-switch": "^0.1.5",
    "@radix-ui/react-tabs": "^0.1.5",
    "@radix-ui/react-toast": "^0.1.1",
    "@radix-ui/react-tooltip": "1.0.2",
    "@radix-ui/react-use-escape-keydown": "^0.1.0",
    "@rjsf/core": "^5.0.0-beta.17",
    "@rjsf/utils": "^5.0.0-beta.17",
    "@rjsf/validator-ajv8": "^5.0.0-beta.17",
    "@sentry/browser": "^7.28.1",
    "@sentry/react": "^7.28.1",
    "@sentry/tracing": "^7.28.1",
    "@stripe/react-stripe-js": "^1.4.0",
    "@stripe/stripe-js": "^1.13.2",
    "@tailwindcss/forms": "^0.5.3",
    "@tailwindcss/line-clamp": "^0.4.0",
    "@tailwindcss/typography": "^0.5.7",
    "@testing-library/jest-dom": "^5.11.10",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "@types/react": "^17.0.15",
    "algoliasearch": "^4.8.6",
    "axios": "^0.21.2",
    "body-scroll-lock": "^4.0.0-beta.0",
    "caniuse-lite": "^1.0.30001441",
    "classnames": "^2.3.1",
    "cross-fetch": "^3.1.5",
    "date-fns": "^2.25.0",
    "dayzed": "^3.2.3",
    "deepcopy": "^2.1.0",
    "fast-deep-equal": "^3.1.3",
    "fuse.js": "^6.6.2",
    "history": "^4.10.1",
    "i18next": "^20.4.0",
    "i18next-browser-languagedetector": "^6.1.2",
    "json-rules-engine-simplified": "^0.1.17",
    "jwt-decode": "^3.1.2",
    "match-sorter": "^6.3.1",
    "material-design-icons": "^3.0.1",
    "mrmime": "^1.0.1",
    "node-sass": "^8.0.0",
    "prop-types": "^15.7.2",
    "rc-steps": "^4.1.4",
    "react": "^17.0.2",
    "react-anchor-link-smooth-scroll-v2": "^2.0.1",
    "react-copy-to-clipboard": "^5.0.4",
    "react-dom": "^17.0.2",
    "react-dropzone": "11.0.2",
    "react-hook-form": "^7.43.2",
    "react-i18next": "^11.11.4",
    "react-iframe": "^1.8.0",
    "react-instantsearch-core": "^6.23.3",
    "react-instantsearch-dom": "^6.10.3",
    "react-jsonschema-form": "^1.8.1",
    "react-notification-alert": "0.0.12",
    "react-paginate": "^8.1.3",
    "react-phone-input-2": "^2.15.1",
    "react-query": "^3.34.11",
    "react-quill": "^2.0.0",
    "react-remove-scroll": "^2.4.4",
    "react-router-dom": "^5.2.0",
    "react-script-loader-hoc": "^1.2.2",
    "react-scripts": "5.0.1",
    "react-select": "^4.3.0",
    "react-sparklines-typescript": "^1.3.0",
    "react-table": "^7.7.0",
    "react-use-intercom": "^1.5.1",
    "reactstrap": "^8.9.0",
    "regenerator-runtime": "^0.13.7",
    "shortid": "^2.2.16",
    "tailwind-merge": "^1.9.1",
    "tailwindcss-animate": "^1.0.5",
    "tailwindcss-radix": "^1.6.0",
    "use-debounce": "^8.0.3",
    "yup": "^0.29.3"
  }
}