Question

***更新了新错误，

运行后

 webpack --display-error-details

我收到更详细的错误。请注意，它似乎正在寻找node_modules在我的项目中的目录中向后移动。

找不到模块：错误：无法解析＆＃39; html＆＃39;在＆＃39; /用户/ wuno /升降梭箱/谷歌/ DEVOPS / htdocs中/河边大道＆＃39;突然变化：它不再被允许省略＆＃39; -loader＆＃39;使用前缀装载机。您需要指定＆＃39; html-loader＆＃39;而不是＆＃39; html＆＃39;。解决问题＆＃39; html＆＃39; in＆＃39; / Users / wuno / Dropbox / google / devops / htdocs / riverwalk＆＃39; 解析请求是使用描述文件的模块： /Users/wuno/Dropbox/google/devops/htdocs/riverwalk/package.json （相对路径：。）使用描述文件后： /Users/wuno/Dropbox/google/devops/htdocs/riverwalk/package.json （相对路径：。）解析为模块 / Users / wuno / Dropbox / google / devops / htdocs / node_modules不存在或不是目录 / Users / wuno / Dropbox / google / devops / node_modules不存在或不是目录 / Users / wuno / Dropbox / google / node_modules不存在或不是目录 / Users / wuno / Dropbox / node_modules不存在或不是目录 / Users / wuno / node_modules不存在或不是目录 / Users / node_modules不存在或不是目录 / node_modules不存在或不是目录

我已经在Angular 2 Express应用程序上工作了几个月，并且毫无理由地处理了常见的webpack突破。通常我会删除node_modules文件夹并运行npm install来修复任何问题。这次没有改变任何事件webpack将无法编译。

我把我的项目推到了git。一切都很好。我关闭电脑去参加会议。一旦我打开所有内容并运行webpack，我收到一条错误，指出无法解析html ...我的项目中的每个组件都会出现此错误。每个单独视图一个。这是它引发的第一页的确切错误，

ERROR in ./assets/app/layouts/public.component.ts
Module not found: Error: Can't resolve 'html' in '/Users/wuno/Dropbox/google/devops/htdocs/mypp'
 @ ./assets/app/layouts/public.component.ts 25:18-52
 @ ./assets/app/app.module.ts
 @ ./assets/app/main.ts

我对如何继续这里感到茫然。我甚至在上次工作时克隆了我的git repo，它在运行webpack时抛出相同的错误。

这是我的webpack配置文件，

var webpackMerge = require('webpack-merge');
var commonConfig = require('./webpack.config.common.js');

module.exports = webpackMerge(commonConfig, {
    devtool: 'cheap-module-eval-source-map',

    output: {
        path: './public/js/app',
        publicPath: "/js/app/",
        filename: 'bundle.js',
        chunkFilename: '[id].chunk.js'
    }
});

角度组件位于

/assets/app/

index.html在，

/public/index.htm升

这是我在根目录中的app.js，

var express = require('express');
var models = require('./models/');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var appRoutes = require('./routes/index');
// api controllers
var authors = require('./controllers/authors');
var books = require('./controllers/books');
var books = require('./controllers/address');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'public'));
app.set('view engine', 'hbs');

app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: false}));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, '/public')));

app.use(function (req, res, next) {
    res.setHeader('Access-Control-Allow-Origin', '*');
    res.setHeader('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
    res.setHeader('Access-Control-Allow-Methods', 'POST, GET, PATCH, DELETE, OPTIONS');
    next();
});

// Route app to index.html and hand off to angular2
app.use('/', appRoutes);

// catch 404 and forward to error handler
app.use(function (req, res, next) {
    return res.render('index');
});

models.sequelize
  .authenticate()
  .then(function () {
    console.log('Connection successful');
  })
  .catch(function(error) {
    console.log("Error creating connection:", error);
  });

module.exports = app;

任何帮助将不胜感激。至少我该如何进一步调试呢？

计算机重启后Webpack编译错误

0 个答案: