Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/date/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Typescript 网页包可以';找不到src,但它应该';别找了_Typescript_Npm_Webpack_Tsx - Fatal编程技术网

Typescript 网页包可以';找不到src,但它应该';别找了

Typescript 网页包可以';找不到src,但它应该';别找了,typescript,npm,webpack,tsx,Typescript,Npm,Webpack,Tsx,我正在努力理解如何将typescript与React一起使用。我正在浏览本教程: 当我通过下面在我的package.json中定义的npm脚本“pile”运行webpack命令时,我得到:未找到输入模块中的错误:错误:无法解析“/my/home/directory/projects/tsx tutorial”中的“/src” 以下是我的项目文件夹的目录结构: tsx-tutorial ├── app.tsx {<---- I want this to be my entry point r

我正在努力理解如何将typescript与React一起使用。我正在浏览本教程:

当我通过下面在我的
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
我并没有要求任何带有“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
作为入口点<由于模块解析的工作方式,code>/src与
/src/index.js
的作用相同,但是文件名和扩展名是可配置的。

您是否尝试过
条目:“./app.tsx”
?尝试强制webpack查看您的配置文件,也使用Thole所说的方法。运行
webpack--config./webpack.config.js
来明确说明这一点。我还发现了一个更好的教程,以防人们稍后看到:这绝对是它!事后看来,这是非常明显的——如果它是一个.js文件,就没有其他办法了。
module.exports = config