Typescript 网页包4-键入脚本输入文件
我正在设置我的个人小项目,偶然发现了一个关于打字脚本和react的问题。当我使用index.js作为入口点时,一切正常,但当我使用.tsx文件时,我得到以下错误:Typescript 网页包4-键入脚本输入文件,typescript,webpack,webpack-4,Typescript,Webpack,Webpack 4,我正在设置我的个人小项目,偶然发现了一个关于打字脚本和react的问题。当我使用index.js作为入口点时,一切正常,但当我使用.tsx文件时,我得到以下错误: EntryModuleNotFoundError: Entry module not found: Error: Can't resolve './src' 我可以直接升级并使用.js,但是我;我很好奇为什么会发生这种事。详细的错误消息指定它只查找.wasm、.mjs、.js和.json文件扩展名,忽略我在解析中输入的任何内容:{e
EntryModuleNotFoundError: Entry module not found: Error: Can't resolve './src'
我可以直接升级并使用.js,但是我;我很好奇为什么会发生这种事。详细的错误消息指定它只查找.wasm、.mjs、.js和.json文件扩展名,忽略我在解析中输入的任何内容:{extensions:[]}
no extension
Field 'browser' doesn't contain a valid alias configuration
[path_to_project]\src\index doesn't exist
.wasm
Field 'browser' doesn't contain a valid alias configuration
[path_to_project]\src\index.wasm doesn't exist
.mjs
Field 'browser' doesn't contain a valid alias configuration
[path_to_project]\src\index.mjs doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
[path_to_project]\src\index.js doesn't exist
.json
Field 'browser' doesn't contain a valid alias configuration
[path_to_project]\src\index.json doesn't exist
我的webpack.config.js文件:
const path = require('path');
module.export = {
mode: 'development',
devtool: 'cheap-module-source-map',
entry: {
app: './src/index.tsx'
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'pfgen.bundle.js'
},
module: {
rules: [
{
test: /\.tsx?$/,
loader: 'ts-loader',
exclude: /node_modules/
}
]
},
resolve: {
extensions: ['.ts', '.d.ts', '.tsx']
}
};
这是我的项目存储库:
以下是我正在使用的网页包版本:
"ts-loader": "^5.3.1",
"typescript": "^3.2.2",
"webpack": "^4.27.1",
"webpack-cli": "^3.1.2",
"webpack-dev-server": "^3.1.10"
将module.export更改为module。导出。刚刚使用您的Git回购在我的端成功地拉取、更改和构建 另外,还要将/node_模块添加到.gitignore中,这样VSCode之类的编辑器在与master进行比较时不会查看该目录
干杯 谢谢大家!!那将是我最不可能发现错误的地方。现在可以了。如果您的问题已经解决,请接受@patrick ramser的回答