Question

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

修改：确认问题不在于webpack本身，因为我有以下工作：

var cArray = [
  ['Cell Name 1','info','info'],
  ['Cell Name 2','info','info'],
  ['Cell Name 3','info','info']
];

  $('#cTable').append('<tbody></tbody>');
  $('#cTable').append('<tbody></tbody>');

  for (var i = 0; i < cArray.length; i++){
    if(i % 5 === 0){
        $('#cTable tbody').append('<tr></tr>');
    }
    $('#cTable tbody tr').append('<td>'+cArray[i][0]+'</td>');
  }

<table id="cTable" style="width: 100%;" border="0" cellspacing="4" cellpadding="4"></table>

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

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

我也在使用TypeScript。

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

export default {
  txt,
}

我的webpack配置：

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

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

但我得到的只是：

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' },
    ],
  },
}

我错过了什么？谢谢！

Webpack加载器找不到模块

0 个答案: