Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 找不到网页包4模块_Javascript_Webpack_Webpack 4 - Fatal编程技术网

Javascript 找不到网页包4模块

Javascript 找不到网页包4模块,javascript,webpack,webpack-4,Javascript,Webpack,Webpack 4,我知道现在有很多相同标题的问题,但它们要么没有合适的答案,要么与旧版本的网页有关 我在构建时收到以下错误(webpack--modedevelopment): 在./scripts/eventSchedule.ts模块中找不到错误:错误:无法 在“C:\Source Control\My Project\scripts”中解析“./Calendar” eventSchedule.ts文件与Calendar.ts存在于同一文件夹中,并包含以下导入语句: import * as Scheduler

我知道现在有很多相同标题的问题,但它们要么没有合适的答案,要么与旧版本的网页有关

我在构建时收到以下错误(
webpack--modedevelopment
):

在./scripts/eventSchedule.ts模块中找不到错误:错误:无法 在“C:\Source Control\My Project\scripts”中解析“./Calendar”

eventSchedule.ts文件与Calendar.ts存在于同一文件夹中,并包含以下导入语句:

import * as Scheduler from "./Calendar";
Calendar.ts文件包含一个导出的类,在我从第3页升级到第4页之前,所有这些都正常工作:

export class Calendar {
这些是我的webpack.config.js的内容。如何解决此错误

请注意,虽然
wwwroot/dist/
是输出目录,但几乎所有脚本都位于
scripts

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

module.exports = {
    entry: {
        vendor: ['jquery', 'bootstrap', 'moment', 'fullcalendar'],
        modules: [
            './scripts/Calendar.ts'
        ],
        site: [
            './wwwroot/js/site.js',
            './scripts/onboardingFiles.ts',
            './scripts/eventFiles.ts',
            './scripts/allUsers.ts',
            './scripts/venueEquipment.ts',
            './scripts/audience.ts',
            './scripts/prerequisites.ts',
            './scripts/exportICS.ts',
            './scripts/eventSchedule.ts',
            './scripts/newHireTasks.ts',
            './scripts/upcomingEventsGrid.ts',
            './scripts/eventTypes.ts',
            './scripts/terminationTasks.ts'
        ]
    },
    output: {
        path: path.join(__dirname, 'wwwroot/dist/'),
        filename: '[name].bundle.js',
        chunkFilename: '[name].bundle.js',
        publicPath: '/',
    },
    optimization: {
        splitChunks: {
            cacheGroups: {
                vendor: {
                    chunks: 'initial',
                    name: 'vendor',
                    test: 'vendor',
                    enforce: true
                },
            }
        },
        runtimeChunk: true
    }
};

我对ts loader也有同样的问题 看看这个

我注意到webpack.config.js文件中有以下内容 这对我很有效

resolve: {
    extensions: [".js", ".ts", ".tsx"]
},

您需要一个模块规则才能读取typescript文件。请对
优化
配置进行注释,以确保不会出现这种情况。这是Webpack4的新功能,所以我很确定您在升级之前没有。也许你会得到一个不同的错误。@givanse注释掉
优化
块似乎对错误没有影响。你说得对,那个街区是新的。还有什么我可以试试的吗?升级之前你用的是TypeScript吗?您的配置中没有用于此的加载程序。是的,在我使用
ts加载程序之前。我将尝试根据添加loaders部分,看看是否有效。这是我在搜索webpack、ts loader和rxjs错误几个小时后需要的解决方案。传奇如果可以的话,我会多次投票。