Babel加载器不能在使用webpacker的Rails-react应用程序中加载typescript的node_modules包。 _编程开发

Babel加载器不能在使用webpacker的Rails-react应用程序中加载typescript的node_modules包。

创始人

2024-11-19 22:00:50

0次

在 webpack 配置文件中添加对 typescript 的支持。

在 webpack.config.js 中添加以下代码：

module.exports = {
  ...
  resolve: {
    extensions: ['.js', '.jsx', '.ts', '.tsx'],
  },
  module: {
    rules: [
      {
        test: /\.(js|mjs|jsx|ts|tsx)$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel-loader',
        options: {
          presets: ['@babel/preset-env', '@babel/preset-react', '@babel/preset-typescript'],
        }
      },
    ],
  },
  ...
};

上述代码定义了对 js、jsx、ts 和 tsx 文件的支持，并更新了 babel-loader 的配置以支持 typescript。此外，还需要使用以下命令安装相关包：

npm install --save-dev @babel/preset-typescript typescript

这将安装 typescript 包并使 Babel 能够识别 typescript 代码。

上一篇：Babel将`let`转译为`var`，运行时如何知道它应该依赖于块作用域？

下一篇：Babel加载器无法识别React应用中的ES6代码。

Babel加载器不能在使用webpacker的Rails-react应用程序中加载typescript的node_modules包。

相关内容

热门资讯