slab / quill

Quill is a modern WYSIWYG editor built for compatibility and extensibility
https://quilljs.com
BSD 3-Clause "New" or "Revised" License
43.5k stars 3.38k forks source link

You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. #4420

Open stone8034 opened 3 weeks ago

stone8034 commented 3 weeks ago

error in ./node_modules/quill/blots/cursor.js

Module parse failed: Unexpected token (4:18) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | import TextBlot from './text.js'; | class Cursor extends EmbedBlot {

static blotName = 'cursor'; | static className = 'ql-cursor'; | static tagName = 'span';

@ ./node_modules/quill/core.js 5:0-39 24:18-24 @ ./node_modules/quill/quill.js @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Editor/index.vue?vue&type=script&lang=js @ ./src/components/Editor/index.vue?vue&type=script&lang=js @ ./src/components/Editor/index.vue @ ./src/main.js @ multi (webpack)-dev-server/client?http://10.100.40.92:80&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

kelokeloo commented 1 week ago

I changed my webpack config to load the Quill module. You can refer to my config.

module: {
      rule: {
        'quill-editor': {
          test: /\.(js|mjs|jsx|ts|tsx)$/,
          include: /(node_modules[/\\](quill))/,
          use: {
            'babel-loader': {
              loader: require.resolve('babel-loader'),
              options: {
                presets: [
                  [
                    require.resolve('@umijs/babel-preset-umi'),
                    {
                      nodeEnv: 'production',
                      env: {
                        targets: {
                          chrome: 49,
                          firefox: 64,
                          safari: 10,
                          edge: 13,
                          ios: 10,
                          ie: 10,
                        },
                      },
                    },
                  ],
                ],
              },
            },
          },
        },
      },
    },