Angular “中的错误”；路径“；未找到模块：错误：Can'；t分辨率-角度6网页包

我在angular 6中对项目进行网页打包时遇到一些问题，当我运行“node_modules.bin\webpack”时，出现以下错误：

./src/app/template/header/header.component.ts模块中的错误未找到 发现：错误：无法解析“src/app/services/authentication.service” 在“C:\GitHub\project app\src\app\template\header”中@ ./src/app/template/header/header.component.ts 13:0-80 55:41-62@ ./src/app/app.module.ts@./src/main.ts

./src/app/template/header/header.component.ts模块中的错误未找到 发现：错误：无法解析“src/app/services/local storage.service” 在“C:\GitHub\project app\src\app\template\header”中@ ./src/app/template/header/header.component.ts 12:0-77 57:12-31@ ./src/app/app.module.ts@./src/main.ts

./src/app/services/authentication.service.ts模块中的错误未被删除 发现：错误：无法解析中的“src/environments/environment” 'C:\GitHub\project app\src\app\services'@ /src/app/services/authentication.service.ts 16:0-59 55:24-35 56:28-39 58:30-41 76:30-41@./src/app/login/login.component.ts@ ./src/app/app.module.ts@./src/main.ts

我不知道为什么会发生这种情况，当我正常地建造或运行时，一切正常。我做了一个简单的项目，重新配置了一切，工作得很好，但不能在这个项目中

//webpack config
var webpack = require('webpack');
const path = require('path');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var CleanWebpackPlugin = require('clean-webpack-plugin');
var ManifestPlugin = require('webpack-manifest-plugin');
var CopyWebpackPlugin = require('copy-webpack-plugin');
module.exports = {
   mode: 'none',
    devtool: 'inline-source-map',
    entry: {
        'polyfills': './src/polyfills.ts',
        'vendor': './src/vendor.ts',
        'mainApp': './src/main.ts'
    },
    output: {
        filename: '[name].[hash].js',
        path: path.resolve(__dirname, 'dist')
    },
    plugins: [
        new CleanWebpackPlugin(['dist']),

        new HtmlWebpackPlugin({
            title: "mainApp",
            filename: 'index.html',
            template: 'src/index.html',
            chunks: ['polyfills', 'vendor', 'mainApp']
        }),

        new ManifestPlugin(),

        new CopyWebpackPlugin([
            { from: './src/assets', to: 'assets' }
        ])
    ],
    resolve: {
        extensions: ['.ts', '.tsx', '.js', '.json', '.css', '.scss', '.html'],
    },
    module: {
        rules: [
            {
                test: /\.ts$/,
                loaders: ['ts-loader', 'angular2-template-loader', '@angularclass/hmr-loader'],
                exclude: /node_modules/
            },
            {
                test: /\.html$/,
                loaders: ['html-loader']
            },
            {
                test: /\.(woff|woff2|ttf|eot|ico)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                loader: 'file-loader'
            },
            {
                test: /\.(jpe?g|png|gif|svg)$/i,
                loader: 'file-loader'
            },
            {
                test: /\.json$/,
                loader: 'json-loader',
                include: path.dirname(__dirname, "src/assets")
            },
            {
                test: /\.css$/,
                loaders: ['style-loader', 'css-loader'],
                include: path.dirname(__dirname, "src/assets")
            }
        ]
    },
    devServer: {
        port: 4200
    }
}

---

解决了更改自动路径的问题：

from:

import { LocalStorageService } from 'src/app/services/local-storage.service';
import { AuthenticationService } from 'src/app/services/authentication.service';

to

import { LocalStorageService } from '../../services/local-storage.service';
import { AuthenticationService } from '../../services/authentication.service';

---

如果不是自动导入的路径，您可能需要

npm安装

您缺少的模块。

谢谢，您的回答为我提供了解决问题的见解。这并没有提供问题的答案。一旦你有足够的钱，你将能够；相反

//package jason
{
  "name": "project-app",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": false,
  "dependencies": {
    "@angular/animations": "^6.1.0",
    "@angular/cdk": "6.4.7",
    "@angular/common": "^6.1.0",
    "@angular/compiler": "^6.1.0",
    "@angular/core": "^6.1.0",
    "@angular/forms": "^6.1.0",
    "@angular/http": "^6.1.0",
    "@angular/material": "^6.4.7",
    "@angular/platform-browser": "^6.1.0",
    "@angular/platform-browser-dynamic": "^6.1.0",
    "@angular/router": "^6.1.0",
    "@angular/upgrade": "^8.2.14",
    "angular-oauth2-oidc": "^4.0.3",
    "core-js": "^2.6.11",
    "hammerjs": "^2.0.8",
    "ngx-webstorage-service": "^4.1.0",
    "rxjs": "6.3.3",
    "rxjs-compat": "6.3.3",
    "sweetalert": "^2.1.2",
    "zone.js": "^0.8.29"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.7.0",
    "@angular/cli": "~6.1.2",
    "@angular/compiler-cli": "^6.1.0",
    "@angular/language-service": "^6.1.0",
    "@angularclass/hmr": "^2.1.3",
    "@angularclass/hmr-loader": "^3.0.4",
    "@types/core-js": "^2.5.2",
    "@types/jasmine": "^2.8.16",
    "@types/jasminewd2": "^2.0.8",
    "@types/node": "~8.9.4",
    "angular2-template-loader": "^0.6.2",
    "clean-webpack-plugin": "^0.1.19",
    "codelyzer": "~4.2.1",
    "copy-webpack-plugin": "^5.1.1",
    "css-loader": "^3.4.0",
    "extract-text-webpack-plugin": "^3.0.2",
    "file-loader": "^5.0.2",
    "html-loader": "^0.5.5",
    "html-webpack-plugin": "^3.2.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "json-loader": "^0.5.7",
    "karma": "~1.7.1",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^2.0.6",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^0.2.2",
    "null-loader": "^3.0.0",
    "protractor": "~5.3.0",
    "raw-loader": "^4.0.0",
    "style-loader": "^1.1.2",
    "ts-loader": "^6.2.1",
    "ts-node": "~5.0.1",
    "tslint": "~5.9.1",
    "typescript": "~2.7.2",
    "webpack": "^4.41.5",
    "webpack-cli": "^3.3.10",
    "webpack-dev-server": "^3.10.1",
    "webpack-manifest-plugin": "^2.2.0",
    "webpack-merge": "^4.2.2"
  }
}

import { Component, OnInit, AfterViewInit } from '@angular/core';
import { Router } from '@angular/router';
import { LocalStorageService } from 'src/app/services/local-storage.service';
import { AuthenticationService } from 'src/app/services/authentication.service';




@Component({
  selector: 'app-header',
  templateUrl: './header.component.html',
  styleUrls: ['./header.component.css']
})
export class HeaderComponent implements OnInit {

//...


}

from:

import { LocalStorageService } from 'src/app/services/local-storage.service';
import { AuthenticationService } from 'src/app/services/authentication.service';

to

import { LocalStorageService } from '../../services/local-storage.service';
import { AuthenticationService } from '../../services/authentication.service';