我的 Angular 应用程序中的 ts 脚本在 node_modules 中找不到模块

Question

我有一个 Angular 应用程序。 我想在 package.json 中添加一个脚本。

脚本是用Typescript编写的，他的路径是src/scripts/generate-blog-metadata.ts。

const { promisify } = require('util');
const { resolve, join } = require('path');
const {fs} = require('fs');
const readdir = promisify(fs.readdir);
const stat = promisify(fs.stat);

我的 package.json ：

  "scripts": {
    "generate-blog-metadata" : "node src/scripts/generate-blog-metadata.ts"
  },

当我运行脚本时：

npm run generate-blog-metadata

我得到一个错误：

/Users/pom/workspace/signalement-app/src/scripts/generate-blog-metadata.ts:6
const readdir = promisify(fs.readdir);
                             ^

TypeError: Cannot read property 'readdir' of undefined
    at Object.<anonymous> (/Users/john/workspace/signalement-app/src/scripts/generate-blog-metadata.js:6:30)

我的理解是我运行脚本的方式使他无法找到 node_modules。

可能是webpack配置问题，所以这是配置文件：

const path = require('path');
const webpack = require('webpack');

module.exports = {
  entry: {
    server: './server.ts',
  },
  target: 'node',
  resolve: {extensions: ['.ts', '.js']},
  externals: [/(node_modules|main\..*\.js)/,],
  output: {
    libraryTarget: 'commonjs2',
    path: path.join(__dirname, 'dist'),
    filename: '[name].js'
  },
  module: {
    rules: [
      {test: /\.ts$/, loader: 'ts-loader'}
    ]
  },
  optimization: {
    minimize: false
  },
  plugins: [
    new webpack.ContextReplacementPlugin(
      // fixes WARNING Critical dependency: the request of a dependency is an expression
      /(.+)?angular(\\|\/)core(.+)?/,
      path.join(__dirname, 'src'), // location of your src
      {} // a map of your routes
    ),
    new webpack.ContextReplacementPlugin(
      // fixes WARNING Critical dependency: the request of a dependency is an expression
      /(.+)?express(\\|\/)(.+)?/,
      path.join(__dirname, 'src'),
      {}
    )
  ]
}

Answer 1

我认为您应该将扩展名 generate-blog-metadata.js 更改为 generate-blog-metadata.ts