Ошибка спецификаторов голого модуля с 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
но все равно у меня та же ошибка