gpt4 book ai didi

typescript - webpack 找不到 src,但应该不是在找

转载 作者:行者123 更新时间:2023-12-05 05:15:56 25 4
gpt4 key购买 nike

我正在尝试了解如何将 typescript 与 React 结合使用。我正在浏览本教程:https://blog.logrocket.com/how-why-a-guide-to-using-typescript-with-react-fffb76c61614

当我通过在我的 package.json 中定义的 npm 脚本“pile”运行 webpack 命令时,我得到:找不到条目模块中的错误:错误:无法解析'/my/home/directory/projects/tsx-tutorial' 中的 './src'

这是我的项目文件夹的目录结构:

tsx-tutorial
├── app.tsx {<---- I want this to be my entry point right?}
├── dist
├── index.html
├── index.ts
├── lookTree.txt
├── node_modules.zip
├── package-lock.json
├── package.json
├── src {<----- there it is??}
│   └── hello.ts
├── tsconfig.json
└── webpack.config.js

2 directories, 10 files

这是我的webpack.config.js:

var path = require("path");
var config = {
entry: "app.tsx", // I'm not doing anything with ./src at all here??
output: {
path: path.resolve(__dirname, "build"),
filename: "bundle.js"
},
resolve: {
extensions: [".ts", ".tsx", ".js"]
},
module: {
loaders: [
{
test: /\.tsx?$/,
loader: "ts-loader",
exclude: /node_modules/
}
]
}
};

我不是在请求任何包含“src”的内容,句号 - 为什么它会出现在那里?我觉得我缺少一些非常基本的东西。

最后是 package.json:

{
"name": "tsx-tutorial",
"version": "0.0.1",
"description": "to help me learn tsx-fu",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"pile": "webpack"
},
"author": "",
"license": "ISC",
"devDependencies": {
"ts-loader": "^4.4.1",
"webpack": "^4.12.1",
"webpack-cli": "^3.0.8"
},
"dependencies": {
"@types/react": "^16.4.1",
"@types/react-dom": "^16.0.6",
"react": "^16.4.1",
"react-dom": "^16.4.1"
}
}

非常感谢您的帮助!感谢您帮助新手学习。

最佳答案

虽然它看起来就像你给了它一个配置,但文件需要在底部导出它以便 webpack 看到它。

module.exports = config

解释错误:从版本 4 开始,如果未指定配置,webpack 默认使用 ./src 作为入口点。由于模块解析的工作方式,./src./src/index.js 的行为相同,但是文件名和扩展名是可配置的。

关于typescript - webpack 找不到 src,但应该不是在找,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51028468/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com