无法解析在typescript/webpack中找不到模块'rxjs'

zaq34kh6  于 2022-12-27  发布在  TypeScript
关注(0)|答案(4)|浏览(219)

我在将rxjs加载到一个简单的webpack设置(没有Angular )时遇到了问题。

./node_modules/.bin/webpack --config webpack.config.js --watch

来启动webpack。该应用程序的唯一文件src/app.ts以下列字符开头:

import { Observable } from 'rxjs';

该行在VSCode和webpack控制台中突出显示,并显示以下错误:

Cannot find module 'rxjs'.

但是整体输出工作正常。只是这个控制台错误。
tsconfig.json

{
    "compilerOptions": {
         "target": "es2015"
    },
    "files": [
        "src/app.ts"
    ]
}

webpack.config.js

module.exports = {
    entry: "./src/app.ts",
    output: {
        filename: "dist/bundle.js"
    },
    resolve: {
        // Add '.ts' and '.tsx' as a resolvable extension.
        extensions: [".webpack.js", ".web.js", ".ts", ".tsx", ".js"]
    },
    module: {
        loaders: [
            // all files with a '.ts' or '.tsx' extension will be handled by 'ts-loader'
            { test: /\.ts?$/, loader: "ts-loader" }
        ]
    }
}

package.json(所有内容均已正确安装):

{
  "scripts": {
    "start": "./node_modules/.bin/webpack --config webpack.config.js --watch"
  },
  "devDependencies": {
    "ts-loader": "^2.1.0",
    "typescript": "^2.3.4",
    "webpack": "^2.6.1",
    "webpack-dev-server": "^2.4.5"
  },
  "dependencies": {
    "bootstrap": "^3.3.7",
    "rxjs": "^5.4.0"
  }
}

我找不到ts/webpack无法解析rxjs在哪里的原因

n8ghc7c1

n8ghc7c11#

您应该将默认模块解析策略从经典更改为节点。为此,请更改tsconfig.json文件:

{
    ...
    "compilerOptions": {
        ....
        "moduleResolution": "node"
    }
}

参见模块分辨率文档

iaqfqrcu

iaqfqrcu2#

到离子
简单地使用这个命令,以删除插件

npm uninstall --save rxjs

npm uninstall --save rxjs-compat

然后运行此命令重新安装

npm install --save rxjs

npm install --save rxjs-compat
pgvzfuti

pgvzfuti3#

我有这个问题时,我尝试建设与nestjs从头开始,这应该解决您的问题
第一个月
如果它不试试这个

👇️删除节点模块和包锁. json

rm -rf node_modules rm -f package-lock.json

👇️清理npm缓存

npm cache clean --force

👇️尝试重新安装

npm install

ktca8awb

ktca8awb4#

您必须将node_modules添加到您的网络包解析。模块配置:

resolve: {
    modules: [
      "node_modules",
      path.resolve(__dirname, "app")
    ],
    extensions: [".js", ".json", ".jsx", ".css"],
 }

关于https://webpack.js.org/configuration/resolve/的更多信息

相关问题