Ошибка спецификаторов голого модуля с AngularJS + Nx

у меня есть этот импорт в моем проекте. Импортируйте MARKETPLACE из «app.module.js». Импортируйте angular из «angular».

при запуске веб-пакета Uncaught TypeError я получил следующую ошибку: спецификатор «app.module» был пустым спецификатором, но не был переназначен ни на что. Спецификаторы относительных модулей должны начинаться с «./», «../» или «/».

Uncaught TypeError: Спецификатор angular был пустым спецификатором, но ни на что не был переназначен. Спецификаторы относительных модулей должны начинаться с «./», «../» или «/».

я хочу просто написать import MARKETPLACE из «app.module.js», импортировать angular из «angular», потому что проект, над которым я работаю, слишком велик, и не все файлы находятся на одном уровне внутри файлов, поэтому я не могу писать относительно путь для каждого файла

я попробовал написать некоторую конфигурацию внутри webpack.config.cjs, вот она

      const path = require('path');
const CopyPlugin = require("copy-webpack-plugin");

module.exports = {
  mode: 'development',
  entry: {
    app: './apps/marketplace/src/main.js',
  },
  resolve: {
    extensions: ['.js'],
    modules: [path.resolve(__dirname, 'src'), path.resolve(__dirname, 'src/app'), 'node_modules'],
    alias: {
        'app.module.js': path.resolve(__dirname, 'src/app/app.module.js'),
    }
},

  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'output.bundle.js',
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env'],
            plugins: ['angularjs-annotate'],
          },
        },
      },
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader'],
      },
      {
        test: /\.html$/,
        use: ['html-loader'],
      },
    ],
  },
  devServer: {
    port: "4200",
    static: {
      directory: path.join(__dirname, 'src'),
    },
    historyApiFallback: {
      index: './apps/marketplace/src/ROOT/404.html'
    }
  },
  plugins: [
    new CopyPlugin({
        patterns: [
            {
                from: path.resolve(__dirname, "src/app/app.module.js"),
                to: 'app.module.js',
            },
        ],
    }),
],
};

я вижу, что веб-пакет загружает сюда файлы журналов:

      nx serve marketplace

> nx run marketplace:serve

<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: http://localhost:4200/
<i> [webpack-dev-server] On Your Network (IPv4): http://192.168.0.47:4200/
<i> [webpack-dev-server] Content not from webpack is served from 'C:\Users\AhmadAllan\Desktop\workspace\Blulogix\nx-migrate-angularjs\apps\marketplace\src' directory
<i> [webpack-dev-server] 404s will fallback to './apps/marketplace/src/ROOT/404.html'
asset output.bundle.js 1.62 MiB [emitted] (name: app)
asset app.module.js 6.59 KiB [emitted] [from: apps/marketplace/src/app/app.module.js] [copied]
runtime modules 27.4 KiB 12 modules
modules by path ./node_modules/ 1.49 MiB
  modules by path ./node_modules/webpack-dev-server/client/ 71.8 KiB 16 modules
  modules by path ./node_modules/webpack/hot/*.js 5.3 KiB 4 modules
  modules by path ./node_modules/html-entities/lib/*.js 81.8 KiB 4 modules
  modules by path ./node_modules/angular/*.js 1.31 MiB
    ./node_modules/angular/index.js 48 bytes [built] [code generated]
    ./node_modules/angular/angular.js 1.31 MiB [built] [code generated]
  ./node_modules/ansi-html-community/index.js 4.16 KiB [built] [code generated]
  ./node_modules/events/events.js 14.5 KiB [built] [code generated]
modules by path ./apps/marketplace/src/ 6.73 KiB
  ./apps/marketplace/src/main.js 105 bytes [built] [code generated]
  ./apps/marketplace/src/app/app.module.js 5.66 KiB [built] [code generated]
  ./apps/marketplace/src/app/components/templates/Loading.html 997 bytes [built] [code generated]
webpack 5.89.0 compiled successfully in 15293 ms

но все равно у меня та же ошибка

0 ответов

Другие вопросы по тегам