【发布时间】：2021-08-26 18:29:53
【问题描述】：
我现在一直在努力让npm run build:production 为我们的一些人工作。它是在推送分支时作为我的构建步骤之一提供的。在这样做时，我发现了我无法解决的 package.json 文件的问题。我还想指出， ng build 工作正常。只有这个生产版本没有。
重现步骤。
rm -rf node_modules\
npm install
npm run build:production
下面是我的 package.json 文件
{
"name": "royal_competition",
"version": "1.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"build:production": "ng build --prod",
"build:ssr": "ng run royal_competition:server:dev",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "^12.0.0",
"@angular/cdk": "12.0.4",
"@angular/common": "^12.0.0",
"@angular/compiler": "12.0.3",
"@angular/compiler-cli": "12.0.3",
"@angular/core": "^12.0.3",
"@angular/flex-layout": "^11.0.0-beta.33",
"@angular/forms": "^12.0.0",
"@angular/material": "12.0.4",
"@angular/platform-browser": "12.0.3",
"@angular/platform-browser-dynamic": "12.0.3",
"@angular/platform-server": "12.0.3",
"@angular/router": "11.0.9",
"@nguniversal/module-map-ngfactory-loader": "8.2.6",
"aspnet-prerendering": "^3.0.1",
"bootstrap": "^4.3.1",
"core-js": "^3.14.0",
"hammerjs": "^2.0.8",
"jquery": "^3.5.1",
"oidc-client": "^1.9.1",
"popper.js": "^1.16.0",
"rxjs": "^6.5.3",
"zone.js": "~0.11.4"
},
"devDependencies": {
"@angular-devkit/build-angular": "^12.0.3",
"@angular/cli": "12.0.3",
"@angular/language-service": "11.0.9",
"@types/googlemaps": "^3.43.3",
"@types/jasmine": "~3.4.4",
"@types/jasminewd2": "~2.0.8",
"@types/node": "~12.11.6",
"codelyzer": "^5.2.0",
"jasmine-core": "~3.5.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "^6.3.3",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~2.1.0",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.4.2",
"typescript": "^4.3.2"
},
"optionalDependencies": {
"node-sass": "^4.12.0",
"protractor": "~5.4.2",
"ts-node": "~8.4.1",
"tslint": "~5.20.0"
}
}
以下是我运行生产构建时的输出：
...
Compiling @angular/platform-server : es2015 as esm2015
Compiling @nguniversal/module-map-ngfactory-loader : es2015 as esm2015
An error occurred during the build:
Error: The Angular Compiler requires TypeScript >=4.2.3 and <4.3.0 but 4.3.2 was found instead.
at checkVersion (C:\Users\ch33f\Documents\Projects\WebProjects\royalcompetition\royalcompetition\ClientApp\node_modules\@angular\compiler-cli\src\typescript_support.js:65:19)
at Object.verifySupportedTypeScriptVersion (C:\Users\ch33f\Documents\Projects\WebProjects\royalcompetition\royalcompetition\ClientApp\node_modules\@angular\compiler-cli\src\typescript_support.js:70:9)
at new NgtscProgram (C:\Users\ch33f\Documents\Projects\WebProjects\royalcompetition\royalcompetition\ClientApp\node_modules\@angular\compiler-cli\src\ngtsc\program.js:44:38)
at AngularWebpackPlugin.updateAotProgram (C:\Users\ch33f\Documents\Projects\WebProjects\royalcompetition\royalcompetition\ClientApp\node_modules\@ngtools\webpack\src\ivy\plugin.js:278:32)
at C:\Users\ch33f\Documents\Projects\WebProjects\royalcompetition\royalcompetition\ClientApp\node_modules\@ngtools\webpack\src\ivy\plugin.js:167:24
at Hook.eval [as call] (eval at create (C:\Users\ch33f\Documents\Projects\WebProjects\royalcompetition\royalcompetition\ClientApp\node_modules\tapable\lib\HookCodeFactory.js:19:10), <anonymous>:13:1)
at Hook.CALL_DELEGATE [as _call] (C:\Users\ch33f\Documents\Projects\WebProjects\royalcompetition\royalcompetition\ClientApp\node_modules\tapable\lib\Hook.js:14:14)
at Compiler.newCompilation (C:\Users\ch33f\Documents\Projects\WebProjects\royalcompetition\royalcompetition\ClientApp\node_modules\webpack\lib\Compiler.js:1033:30)
at C:\Users\ch33f\Documents\Projects\WebProjects\royalcompetition\royalcompetition\ClientApp\node_modules\webpack\lib\Compiler.js:1076:29
at Hook.eval [as callAsync] (eval at create (C:\Users\ch33f\Documents\Projects\WebProjects\royalcompetition\royalcompetition\ClientApp\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
An unhandled exception occurred: The Angular Compiler requires TypeScript >=4.2.3 and <4.3.0 but 4.3.2 was found instead.
我尝试将 typescript 版本更改为 v4.0，但它只是将其恢复为 ^4.3.2
非常感谢任何和所有帮助。谢谢！
编辑： Prakash 的建议答案npm i typescript@4.2.5 --save-dev --save-exact 对我有用。我现在遇到了一个新错误。
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: no mixin named mat-core on line 10 of src/custom-theme.scss
【问题讨论】：
标签： angular typescript npm angular-cli package.json