社区首页 >问答首页 >在使用angular-cli@1.0.0-beta.21执行ng构建-prod时找不到模块css-loader

在使用angular-cli@1.0.0-beta.21执行ng构建-prod时找不到模块css-loader
EN

Stack Overflow用户
提问于 2017-01-27 08:43:37
回答 6查看 2.4K关注 0票数 12

我有以下package.json配置

代码语言:javascript
代码运行次数:0
复制
"dependencies": {
"@angular/common": "2.2.1",
"@angular/compiler": "2.2.1",
"@angular/core": "2.2.1",
"@angular/forms": "2.2.1",
"@angular/http": "2.2.1",
"@angular/platform-browser": "2.2.1",
"@angular/platform-browser-dynamic": "2.2.1",
"@angular/router": "3.2.1",
"@angular2-material/button": "^2.0.0-alpha.8-2",
"@angular2-material/button-toggle": "^2.0.0-alpha.8-2",
"@angular2-material/card": "^2.0.0-alpha.8-2",
"@angular2-material/checkbox": "^2.0.0-alpha.8-2",
"@angular2-material/core": "^2.0.0-alpha.8-2",
"@angular2-material/grid-list": "^2.0.0-alpha.8-2",
"@angular2-material/icon": "^2.0.0-alpha.8-2",
"@angular2-material/input": "^2.0.0-alpha.8-2",
"@angular2-material/list": "^2.0.0-alpha.8-2",
"@angular2-material/menu": "^2.0.0-alpha.8-2",
"@angular2-material/progress-bar": "^2.0.0-alpha.8-2",
"@angular2-material/progress-circle": "^2.0.0-alpha.8-2",
"@angular2-material/radio": "^2.0.0-alpha.8-2",
"@angular2-material/sidenav": "^2.0.0-alpha.8-2",
"@angular2-material/slide-toggle": "^2.0.0-alpha.8-2",
"@angular2-material/slider": "^2.0.0-alpha.8-2",
"@angular2-material/tabs": "^2.0.0-alpha.8-2",
"@angular2-material/toolbar": "^2.0.0-alpha.8-2",
"@angular2-material/tooltip": "^2.0.0-alpha.8-2",
"ng2-material-dropdown":"0.5.4",
"ng2-toasty": "^2.2.2",
"@types/hammerjs": "^2.0.30",
"angular2-cookie": "1.2.3",
"angular2-material-datepicker": "^0.5.0",
"angulartics2": "^1.1.9",
"core-js": "^2.4.1",
"d3": "^4.3.0",
"es6-shim": "0.35.1",
"ng2-datetime-picker": "^0.11.3",
"ng2-tag-input": "0.6.0",
"ng2-auto-complete":"0.8.2",
"reflect-metadata": "0.1.3",
"rickshaw": "^1.6.0",
"rxjs": "5.0.0-beta.12",
"ts-helpers": "^1.1.1",
"zone.js": "^0.6.23",
"ng2-file-upload": "^1.1.4-2",
"angular2-color-picker": "^1.3.0",
"@ng-bootstrap/ng-bootstrap": "1.0.0-alpha.16"
  },
  "devDependencies": {
"@types/jasmine": "^2.2.30",
"angular-cli": "1.0.0-beta.21",
"codelyzer": "~0.0.26",
"jasmine-core": "2.4.1",
"jasmine-spec-reporter": "2.5.0",
"karma": "1.2.0",
"karma-chrome-launcher": "^2.0.0",
"karma-cli": "^1.0.1",
"karma-jasmine": "^1.0.2",
"karma-remap-istanbul": "^0.2.1",
"protractor": "4.0.5",
"ts-node": "1.2.1",
"tslint": "3.13.0",
"typescript": "2.0.2",
"typings": "1.3.1"

}

ng build -prod工作得很好,但是突然之间,相同的配置产生了以下错误

代码语言:javascript
代码运行次数:0
复制
ERROR in ./src/styles.css
Module build failed: Error: Cannot find module '/Volumes/DATA/new-    clone-test/nbw/node_modules/css-loader/index.js?sourcemap&minimize'
at Function.Module._resolveFilename (module.js:440:15)
at Function.Module._load (module.js:388:25)
at Module.require (module.js:468:17)
at require (internal/module.js:20:19)
at loadLoader (/Volumes/DATA/new-clone-test/nbw/node_modules/loader-runner/lib/loadLoader.js:13:17)

我不确定是什么导致了这个问题。任何帮助都将不胜感激。

EN

回答 6

Stack Overflow用户

发布于 2017-01-27 13:15:15

我和你有同样的问题。作为临时解决方案,我将其改为'ng build --dev‘。使用此命令,加载器使用webpack-build-development.js而不是webpack-build-production.js,并获得'css- loader ?sourcemap‘而不是'css-loader?sourcemap&minimize’。

票数 2
EN

Stack Overflow用户

发布于 2017-01-27 21:21:55

感谢弗洛里纳什!

降级到angular-cli "1.0.0-beta.19-3“对我来说很有效。从今天开始我所有的项目都有同样的问题...

代码语言:javascript
代码运行次数:0
复制
{
  "devDependencies": {
       ...
       "angular-cli": "1.0.0-beta.19-3",
       ...
   }
}
票数 2
EN

Stack Overflow用户

发布于 2017-01-27 14:19:59

从今天开始也有同样的问题。

我找到的解决方案是将package.json文件中的angular-cli依赖项更改为"1.0.0-beta.19-3“,然后重新安装npm包。

代码语言:javascript
代码运行次数:0
复制
{
  "devDependencies": {
       ...
       "angular-cli": "1.0.0-beta.19-3",
       ...
       }
}

希望这能有所帮助!

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41889869

复制
相关文章
ng 核心模块
这个ng模块是当AngularJS应用启动的时候默认加载的。这个模块自己包含了一个AngularJS应用工作必需的组件。下面的表格用等级的分类列出了核心模块中可用的每个services/factories,filters,directives和测试组件。
前Thoughtworks-杨焱
2021/12/08
1.2K0
css-loader的使用
在我们之前的实例中,我们主要是用webpack来处理我们写的js代码,并且webpack会自动处理js之间相关的依赖。
Qwe7
2022/05/28
7730
webpack从零搭建开发环境
为了方便也可以这么写,使用 npm run 命令这个命令执行的时候默认会把 node_modules 的.bin 文件放到全局上,执行之后销毁npm run buildnpm run dev
小丑同学
2020/09/21
1.3K0
12. Vue搭建本地服务
本地服务可以提高开发效率. webpack不需要每次都打包, 就可以看到修改后的效果. 本地服务器基于node.js搭建, 内部使用二十express框架. 可以实现让浏览器自动刷新的功能.
用户7798898
2021/03/08
9590
12. Vue搭建本地服务
css-loader
创建 postcss-preset-env 配置文件 .browserslistrc
简桐
2021/02/15
5180
css-loader
Angular CLI 常用终端操作命令
初始化创建项目时,自动添加了 <code> @angular/router </code> ,自动添加到package.json 文件中
用户1437675
2018/08/20
2.1K0
【打包构建】Mac下使用expect实现执行sudo命令时自动输入密码
  最近想在Jenkins执行Build工作结束后,再执行一些sudo的命令,但是在Mac上sudo命令需要提供密码才能执行。而Jenkins在执行自动化操作的时候,我们是无法在构建任务中手动输入密码的,只有实现了自动输入sudo密码才能让整个构建任务继续执行下去,要不然就会无限期地卡在等待输入密码这一步。
马三小伙儿
2020/08/28
3K0
Webpack4 搭建 Vue 项目
由于 Parcel 打包工具的影响,webpack4 也追求零配置搭建项目。而前阵子出现的 vue-cli 3.0也是基于 webpack4 零配置的思想创建的。对于一些习惯webpack3 的开发者难免有些不习惯。本文就带你绕过 vue-cli,用 webpack4 一步步搭建 vue 项目。
小皮咖
2019/11/05
1.1K0
「使用 webpack 5 从0到1搭建React+TypeScript 项目环境」2. 集成 css、less 与 sass
上篇文章带大家使用 webpack 5集成 React 与TypeScript,同时为了提高我们的代码质量,我们会在构建中添加「类型检查」和「代码规范校验」。这次我们在上篇的基础上介绍如何集成 css、less 与sass。
用户8921923
2022/10/24
1.6K0
「使用 webpack 5 从0到1搭建React+TypeScript 项目环境」2. 集成 css、less 与 sass
用 webpack 4.0 撸单页/多页脚手架 (jquery, react, vue, typescript)
首先来简单介绍一下webpack:现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时,它会在内部构建一个会映射项目所需的每个模块 的依赖图(dependency graph),并生成一个或多个 bundle。webpack4.0出现之后,我们可以不用再引入一个配置文件来打包项目,并且它仍然有着很高的可配置性,可以很好满足我们的需求。 在开始正文之前,首先先来看看我们要实现的成果:
徐小夕
2019/08/08
2.3K0
用 webpack 4.0 撸单页/多页脚手架 (jquery, react, vue, typescript)
【Webpack】Webpack4.x 常用操作 | 案例 | 相关构建工具
当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要(依赖)的每个模块(modules),然后将所有这些模块打包成一个或多个 assets。
前端修罗场
2023/10/07
2830
【Webpack】Webpack4.x 常用操作 | 案例 | 相关构建工具
webpack介绍、配置、使用
由于前端之前js、css、图片文件需要单独进行压缩和打包,这样团队人员处理很繁琐,然后 Instagram 团队就想让这些工作自动化,然后webpack应运而生。
青梅煮码
2023/03/02
2.7K0
webpack介绍、配置、使用
在ubuntu中使用sudo找不到命令
sudo有时候会出现找不到命令,而明明PATH路径下包含该命令,让人疑惑。其实出现这种情况的原因,主要是因为当 sudo以管理权限执行命令的时候,linux将PATH环境变量进行了重置,当然这主要是因为系统安全的考虑,但却使得sudo搜索的路径不是我们想要的PATH变量的路径,当然就找不到我们想要的命令了。
zhangheng
2020/04/29
12.1K1
Angular Library 快速入门
在介绍如何创建 Angular Library 之前,让我们来看一下 Angular 新的配置文件 —— angular.json。早期版本的 angular-cli.json 文件已经被替换为 angular.json 文件,文件的内容也发生了改变。这里我们关心的 projects 属性,它为每个独立的项目提供了一个入口:
阿宝哥
2019/11/05
2.4K0
Webpack高级配置实战
本篇将从实践出发,搭建一个基础的支持模块化开发的项目,在第二章节《进阶配置》中使用 webpack 搭建一个 SASS + TS + React 的项目。
gogo2027
2022/12/12
1.3K0
Webpack配置实战
本篇将从实践出发,搭建一个基础的支持模块化开发的项目,在第二章节《进阶配置》中使用 webpack 搭建一个 SASS + TS + React 的项目。
gogo2027
2022/10/17
1.2K0
使用 Jenkins 执行 Go 工程构建镜像
注意:因为演示需要进行镜像操作,所以本机需要安装好 Docker 环境,这里忽略 Docker 的安装过程,可以参考 docker 官网文档 , 这里着重介绍下 Jenkins 及其插件安装与构建操作。
哎_小羊
2019/05/25
4.3K1
点击加载更多

相似问题

无法确定ng构建-prod类的模块。

10

ng服务,ng构建,ng构建--prod问题

11

在使用ng构建时绕过angular 5 HttpClientInMemoryWebApiModule --prod

14

ng构建找不到模块

34

如何在prod ng构建期间禁用ng-test执行

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文