代码之家  ›  专栏  ›  技术社区  ›  Dean Hiller

typescript和webpack找不到相关的tsx文件?

  •  0
  • Dean Hiller  · 技术社区  · 4 年前

    我应该从npx tsc开始,它工作正常,只有webpack ts loader出于某种原因没有编译typescript(这是否指向webpack config,因为tsconfig对于tsc是正确的?不确定)。

    我有一个 pull request 在一个开源项目中,我也在尝试添加网页包。这个拉动请求几乎成功了(解决了一系列问题),而且 this article 这是我通常关注的内容(虽然没有100%的效果),但总体来说是一篇好文章。

    我试图解决的最后一个错误是

    ERROR in ./src/index.tsx 5:0-24
    Module not found: Error: Can't resolve './App' in '/Users/dean/workspace/personal/reactpatterns-all/reactpatterns-react/src'
    resolve './App' in '/Users/dean/workspace/personal/reactpatterns-all/reactpatterns-react/src'
      using description file: /Users/dean/workspace/personal/reactpatterns-all/reactpatterns-react/package.json (relative path: ./src)
        Field 'browser' doesn't contain a valid alias configuration
        using description file: /Users/dean/workspace/personal/reactpatterns-all/reactpatterns-react/package.json (relative path: ./src/App)
    
      no extension
        Field 'browser' doesn't contain a valid alias configuration
        /Users/dean/workspace/personal/reactpatterns-all/reactpatterns-react/src/App doesn't exist
      .js
        Field 'browser' doesn't contain a valid alias configuration
        /Users/dean/workspace/personal/reactpatterns-all/reactpatterns-react/src/App.js doesn't exist
      .json
        Field 'browser' doesn't contain a valid alias configuration
        /Users/dean/workspace/personal/reactpatterns-all/reactpatterns-react/src/App.json doesn't exist
      .wasm
        Field 'browser' doesn't contain a valid alias configuration
        /Users/dean/workspace/personal/reactpatterns-all/reactpatterns-react/src/App.wasm doesn't exist
      as directory
        /Users/dean/workspace/personal/reactpatterns-all/reactpatterns-react/src/App doesn't exist
    

    我的全部 tsconfig file 是有联系的。有没有什么配置我做错了? 我的全部 webconfig 是有联系的。

    这个项目是一个游乐场,可以匹配一个更大的应用程序,这样我就可以把问题缩小一点,然后解决这个问题。有什么想法吗?

    我锁上了所有的包裹。将json转换为精确版本,这样任何人都可以在该请求上使用npx webpack进行复制(我没有合并到master中,因为我还没有让它工作)。这也包括在错误的节点/npm/npx版本上失败。

    0 回复  |  直到 4 年前
        1
  •  0
  •   Dean Hiller    4 年前

    我发现还有两件事需要做才能解决。在Tconfig中,我必须

    • “jsx”:“react jsx”而不是文章中所说的“preserve”

    在webpack中,我必须添加此部分

    resolve: {
      extensions: ['.js', '.jsx', '.tsx', '.ts', '.html', '.scss'],
      modules: ['node_modules'],
    },
    
    推荐文章