Webpack Karma không thể giải quyết việc nhập địa phương

Question

Tôi đang sử dụng Webpack cho cả ứng dụng và thử nghiệm (sử dụng https://github.com/webpack/karma-webpack cho nó). Ứng dụng này có trong bản đánh máy và các bài kiểm tra trong Babel.

Nhập nội dung nào đó từ mô-đun độc lập trong kiểm tra hoạt động (sử dụng import { cleanHTML, fromHTML, toHTML } from "../../app/utils/text.ts";, nghĩa là tôi cần đề cập đến phần mở rộng .ts nếu không thì không thành công).

Khi tôi thực sự cố gắng nhập thành phần React nhập thành phần trong tệp khác, tôi nhận được lỗi sau: Module not found: Error: Cannot resolve 'file' or 'directory' ./blocks/paragraph.

Cây của thư mục trông giống như:

src/ 
    app/ 
    components/ 
     blocks/ 
     paragraph.ts 
    main.ts 
    tests/ 
    components/ 
     main_tests.js 
    utils/ 

Và main.ts nhập khẩu paragraph.ts như vậy import { ParagraphBlockComponent } from "./blocks/paragraph";

công trình biên soạn Bình thường nhưng không phải là bài kiểm tra. Đây là cấu hình nghiệp:

var path = require('path'); 

module.exports = function (config) { 

config.set({ 
    basePath: 'src', 
    singleRun: true, 
    frameworks: ['mocha', 'chai'], 
    reporters: ['dots'], 
    browsers: ['Firefox'], 
    files: [ 
     'tests/index.js' 
    ], 
    preprocessors: { 
     'tests/index.js': ['webpack'] 
    }, 
    webpack: { 
     noInfo: true, 
     module: { 
      loaders: [ 
       { 
        test: /\.ts$/, 
        loaders: ['awesome-typescript-loader'] 
       }, 
       { 
        test: /\_tests.js$/, 
        loaders: ['babel-loader'] 
       } 
      ] 
     } 
    }, 
    webpackMiddleware: { 
     noInfo: true, 
     stats: { 
      color: true, 
      chunkModules: false, 
      modules: false 
     } 
    } 
}); 

}; 

Tôi có bỏ lỡ điều gì đó không?

Answer 1

Thêm dòng sau vào file config nghiệp webpack cố định nó cho tôi

resolve: { 
    extensions: ['', '.js', '.ts'] 
},