你可能需要一个合适的加载器来处理这个文件类型的打字稿

问题描述

我正在尝试使用这个脚本

$(document).ready(() => { $('.iqdropdown').iqDropdown({ [options] }); });

这是一个Jquery插件item-quantity-dropdown jQuery插件(https://github.com/reservamos/item-quantity-dropdown#javascript)， 并且此代码是根据此插件的说明编写的

但是 cmd 给我写这个

ERROR in ./src/scripts/index.js 169:42 Module parse failed: Unexpected token (169:42) You may need an appropriate loader to handle this file type,currently no loaders are configured to process this file. See htt://webpack.js.org/concepts#loaders

但我有 TS-loader（我的 WebPack 配置）

const { CheckerPlugin } = require('awesome-typescript-loader');

module: {
rules: [
  {
    test: /\.pug$/,use: [
      'pug-loader'
    ]
  },{
    test: /\.scss|css$/,use: [
      'style-loader','css-loader',{
        loader: 'sass-loader',}
    ]
  },{
    enforce: 'pre',test: /\.tsx?$/,exclude: /node_modules/,loader: 'eslint-loader'
  },{
    test: /\.tsx?$/,loader: 'ts-loader',exclude: /(node_modules)/
  },

然后我将 tsconfig 中的目标更改为 es2020

"module": "commonjs","target": "es2020","outDir": "./dist","lib": ["es2016","dom"]`|

我也尝试将 lib 更改为 es2020，但它什么也没给）

我有 TypeScript v. 4

不安装 babel 可以做什么？请帮忙)

解决方法

问题解决了。弗雷德·史塔克 (https://stackoverflow.com/users/992964/fred-stark) 在评论中帮助我：

在文档中，将某些内容标记为可选是一种常见约定 用方括号包裹它。我猜这就是他们的意思 因为这是无效的语法。尝试不带参数的方法调用： $('.iqdropdown').iqDropdown();看看这是否有效 – Fred Stark 13 几小时前

不幸的是，他们在代码片段中使用了约定而不是 在评论或文本中。他们真的应该只放入有效的工作代码 代码片段。 – 弗雷德·斯塔克 13 小时前

上帝！ $('.iqdropdown').iqDropdown();作品！现在请你告诉我我是如何 需要在此函数中写入我的选项吗？ – Void0000 13 小时前

你传递一个带有选项的对象作为参数： $('.iqdropdown').iqDropdown({ maxItems: 10 }); – 弗雷德·斯塔克 13 小时 之前