加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程开发 > asp.Net > 正文

reactjs – TypeError:无法读取undefined的属性’ts’

发布时间:2020-12-16 06:50:51 所属栏目:asp.Net 来源:网络整理
导读:我一直在尝试在我的.Net Core项目中设置React,并且在尝试运行WebPack时遇到构建失败错误. 我已经尝试更新ts-loader和webpack版本并尝试使用GitHub和StackOverflow的不同解决方案但这些都不起作用. Webpack控制台错误 Entrypoint global = home-bundle.js hom
我一直在尝试在我的.Net Core项目中设置React,并且在尝试运行WebPack时遇到构建失败错误.

我已经尝试更新ts-loader和webpack版本并尝试使用GitHub和StackOverflow的不同解决方案但这些都不起作用.

Webpack控制台错误

Entrypoint global = home-bundle.js home-bundle.js.map
  [0] ./ClientApp/Home/home.tsx 289 bytes {0} [built] [failed] [1 error]

WARNING in configuration
The 'mode' option has not been set. 
Set 'mode' option to 'development' or 'production' to enable defaults for this environment.

ERROR in ./ClientApp/Home/home.tsx
Module build failed: TypeError: Cannot read property 'ts' of undefined
  at getLoaderOptions (D:MyFirstProjectTravelnode_modulests-loaderdistindex.js:70:44)
  at Object.loader (D:MyFirstProjectTravelnode_modulests-loaderdistindex.js:23:19)

webpack.config

module.exports = [
  {
    entry: {
      global: "./ClientApp/Home/home.tsx"
    },output: {
      filename: "home-bundle.js",path: __dirname + "/wwwroot/app/",sourceMapFilename: "home-bundle.js.map"
    },devtool: "source-map",resolve: {
      extensions: [".ts",".tsx",".js"],modules: ["node_modules"]
    },module: {
      rules: [
        {
          test: /.tsx?$/,loader: "ts-loader"
        },{
          enforce: "pre",test: /.tsx?$/,use: "source-map-loader",exclude: /node_modules/
        }
      ]
    }
  }
];

的package.json

{
  "dependencies": {
    "@types/es6-promise": "0.0.33","@types/lodash": "4.14.84","@types/react": "15.0.11","@types/react-dom": "0.14.23","es6-promise": "4.1.1","lodash": "4.17.4","react": "15.6.2","react-dom": "15.6.2","source-map-loader": "0.2.3","ts-loader": "2.3.7","typescript": "2.3.4","webpack": "3.8.1"
  },"devDependencies": {
    "ts-loader": "2.3.7","url-loader": "0.5.9","webpack-livereload-plugin": "1.0.0"
  },"scripts": {
    "webpack": "webpack -p","test": "echo "Error: no test specified" && exit 1","watch": "webpack -w"
  }
}

解决方法

从webpack 3升级到4时,我遇到了同样的错误.

我的解决方案是将ts-loader从3.1.1升级到4.4.2

希望能帮助到你.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读