3

编辑2：问题不在于webpack，而在于打字稿。在名为 *.d.ts 的单独声明文件中将“*.md”声明为模块

编辑：确认问题不在于 webpack 本身，因为我得到了以下工作：

import txt from '../documents/test.md'

export default {
  txt,
}

尝试加载文本文件以呈现客户端。

我正在遵循 raw-loader 的说明： https ://webpack.js.org/loaders/raw-loader/

我也在使用 TypeScript。

import * as React from 'react'
import txt from './file.txt'

export default class HomePage extends React.Component<undefined, undefined> {
  render () {
    return <div>{txt}</div>
  }
}

我的 webpack 配置：

module.exports = {
  entry: './src/index',
  output: {
    filename: 'bundle.js',
    path: __dirname + '/dist',
  },

  devtool: 'source-map',

  devServer: {
    hot: true,
  },

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

  module: {
    rules: [
      { test: /\.tsx$/, loader: 'awesome-typescript-loader', },
      { test: /\.js?$/, loader: 'source-map-loader', enforce: 'pre', },
      { test: /\.txt$/, use: 'raw-loader' },
    ],
  },
}

但我得到的只是：

ERROR in [at-loader] ./src/pages/Home.tsx:7:21
TS2307: Cannot find module './file.txt'.

我错过了什么？谢谢！

4

0 回答 0