>

동일한 제목의 기존 질문이 많이 있다는 것을 알고 있지만 적절한 답변이 없거나 이전 버전의 Webpack과 관련이있는 것 같습니다.

빌드시 다음 오류가 발생합니다 ( webpack --mode development ) :

ERROR in ./scripts/eventSchedule.tsModule not found: Error: Can't resolve './Calendar'in 'C:\Source Control\My Project\scripts'

eventSchedule.ts 파일은 Calendar.ts와 동일한 폴더에 있으며 다음 import 문을 포함합니다.

import * as Scheduler from "./Calendar";

Calendar.ts 파일에는 내 보낸 클래스가 포함되어 있으며Webpack 3에서 Webpack 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
    }
};


  • 답변 # 1

    ts-loader와 같은 문제가있었습니다 그리고 이것을보고 https://github.com/aspnet/JavaScriptServices/issues/1562#issuecomment-371545061

    webpack.config.js 파일에서 다음을 발견했습니다. 그리고 그것은 나를 위해 일했다

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

관련 자료

  • 이전 java - Jasper는 내보낼 때 글꼴 크기를 항상 10으로보고합니다
  • 다음 ios - UILabel 텍스트 시작시 UILabel 안에 이미지를 배치하는 방법은 무엇입니까?