Неожиданная загрузка токена Quill через Webpack - PullRequest
Новая
       10

Неожиданная загрузка токена Quill через Webpack

0 голосов
/ 03 мая 2019

Я пытаюсь загрузить Quill через Webpack в приложении NodeJS, но сталкиваюсь с этой ошибкой: 

ERROR in ./node_modules/parchment/src/blot/scroll.ts 17:18
Module parse failed: Unexpected token (17:18)
You may need an appropriate loader to handle this file type.
|
| class ScrollBlot extends ContainerBlot {
>   static blotName = 'scroll';
|   static defaultChild = 'block';
|   static scope = Registry.Scope.BLOCK_BLOT;
 @ ./node_modules/parchment/src/parchment.ts 6:0-39 32:10-20
 @ ./node_modules/quill/core.js
 @ ./src/modules/Quill/quill.ts
 @ ./src/routes/Node/Demo/index.tsx
 @ ./src/routes/Node/index.tsx
 @ ./src/routes/index.tsx
 @ ./src/App.tsx
 @ ./src/index.tsx

Это возможно, поскольку Quill предлагает пример , но я не могу заставить его работать.

Сокращенная версия файла конфигурации моего веб-пакета: 

module.exports = {
    ...
    resolve: {
        alias: {
          'parchment': path.resolve(__dirname, '../node_modules/parchment/src/parchment.ts'),
          'quill$': path.resolve(__dirname, '../node_modules/quill/quill.js'),
        },
        extensions: ['.js', '.jsx', '.json', '.ts', '.tsx'],
    },
    rules: [
    {
        enforce: 'pre',
        test: /\.js$/,
        loader: 'source-map-loader',
        exclude: /node_modules/,
    },
    {
    test: /\.ts(x?)$/,
    use: [{
        loader: 'ts-loader',
        options: {
          compilerOptions: {
            declaration: false,
            target: 'es5',
            module: 'commonjs'
          },
          transpileOnly: true
        },
      }],
    },
    ...
};

И сокращенный package.json: 

"dependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^8.0.5",
    "babel-preset-es2015": "^6.24.1",
    "parchment": "^1.1.4",
    "quill": "^1.3.6",
    "ts-loader": "^4.5.0"
  },
  "devDependencies": {
    "@svgr/webpack": "^4.2.0",
    "@types/quill": "^2.0.2",
    "@types/webpack": "^4.4.19",
    "@types/webpack-env": "^1.13.6",
    "tslint": "^5.11.0",
    "tslint-config-airbnb": "^5.11.1",
    "tslint-config-prettier": "^1.16.0",
    "tslint-react": "^3.6.0",
    "tsutils": "^3.5.1",
    "typescript": "^2.8.3",
    "typings-for-css-modules-loader": "^1.7.0",
    "uglifyjs-webpack-plugin": "^2.0.1",
    "webpack": "^4.26.0",
    "webpack-cli": "^3.1.2",
    "webpack-dev-server": "^3.1.14",
    "webpack-merge": "^4.1.4"
  }
}

Ошибка может указывать на то, что ts-loader не компилируется scroll.ts, потому что он считает static неожиданным токеном, но, насколько я могу судить, загрузчик настроен правильно.

Есть идеи, где я иду не так?

1 Ответ

1 голос
/ 03 мая 2019

У вас есть 

'parchment': path.resolve(__dirname, '../node_modules/parchment/src/parchment.ts'),

Вместо этого вы должны разрешить его в сгенерированный .js файл: 

'parchment': path.resolve(__dirname, '../node_modules/parchment/dist/parchment.js'),

Подробнее

ваш в проекте экземпляр webpack / ts-loader не должен компилировать src .ts файлы в node_modules. Причина: различия в параметрах компилятора / двойная компиляция - просто накладные расходы, которых следует избегать ?

...