Javascript 模块分析失败:…/build/css/bootstrap-datetimepicker.min.css意外标记(5:3)您可能需要适当的加载程序来处理此文件类型
使用react-datetimepicker引导程序,我发现以下问题:Javascript 模块分析失败:…/build/css/bootstrap-datetimepicker.min.css意外标记(5:3)您可能需要适当的加载程序来处理此文件类型,javascript,html,reactjs,Javascript,Html,Reactjs,使用react-datetimepicker引导程序,我发现以下问题: ERROR in ./~/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css Module parse failed: /Users/cchilders/work_projects/project/node_modules/eonasdan-bootstrap-datetimepicker/build/css/bootstr
ERROR in ./~/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css
Module parse failed: /Users/cchilders/work_projects/project/node_modules/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css Unexpected token (5:3)
You may need an appropriate loader to handle this file type.
| * version : 4.17.47
| * https://github.com/Eonasdan/bootstrap-datetimepicker/
| */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;...entire source...
ERROR in ./~/bootstrap/dist/css/bootstrap.min.css
Module parse failed: /Users/cchilders/work_projects/project/node_modules/bootstrap/dist/css/bootstrap.min.css Unexpected token (5:83)
You may need an appropriate loader to handle this file type.
| * Copyright 2011-2016 Twitter, Inc.
| * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
| *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;...entire source...
| /*# sourceMappingURL=bootstrap.min.css.map */
@ ./~/react-datetimepicker-bootstrap/build/App.js 11:0-47
@ ./client/controllers/SOPOrderHoldController.js
@ ./client/main.js
@ multi webpack-hot-middleware/client ./client/main.js
我之所以知道这一点,是因为我在发表评论
import DateTimePicker from 'react-datetimepicker-bootstrap';
修复了问题并正常工作。消息来源是
我看到了一条类似的错误消息,但它谈到了更改webpack.config的问题,我没有这个问题。搜索时不会出现与此包相关的任何内容
webpack.config-dev.js:
var webpack = require('webpack');
module.exports = {
//devtool: 'inline-source-map',
entry: [
'webpack-hot-middleware/client',
'./client/main.js'
],
output: {
path: require("path").resolve('./assets'),
filename: 'bundle.js',
publicPath: '/'
},
plugins: [
new webpack.HotModuleReplacementPlugin()
],
externals: {
jquery: 'var jQuery'
},
module: {
loaders: [
{
test: /\.jsx?$/,
loader: 'babel-loader',
exclude: /node_modules/,
query: {
presets: ['react', 'es2015', 'react-hmre'],
plugins: ['transform-decorators-legacy']
}
},
{
include: /\.json$/,
loader: 'json-loader'
},
{
test: /\.css$/,
loader: 'style-loader!css-loader',
exclude: /node_modules/
},
{
test: /\.scss$/,
loader: 'style-loader!css-loader!sass-loader',
exclude: /node_modules/
}
]
}
};
package.json:
{
"name": "starter-kit",
"version": "1.1.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack",
"start": "python app.py",
"devserver": "webpack-dev-server"
},
"author": "",
"license": "ISC",
"devDependencies": {
"babel-core": "^6.4.5",
"babel-loader": "^6.2.1",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-preset-es2015": "^6.3.13",
"babel-preset-react": "^6.3.13",
"babel-preset-react-hmre": "^1.1.1",
"coffee-loader": "^0.7.3",
"css-loader": "^0.28.0",
"morgan": "^1.7.0",
"node-sass": "^4.5.2",
"sass-loader": "^6.0.3",
"style-loader": "^0.16.1",
"webpack": "^2.0.0",
"webpack-dev-middleware": "^1.9.0",
"webpack-dev-server": "^1.16.2",
"webpack-hot-middleware": "^2.15.0"
},
"dependencies": {
"babel-plugin-transform-decorators-legacy": "^1.3.4",
"babel-polyfill": "^6.23.0",
"body-parser": "^1.16.0",
"bootstrap-daterangepicker": "^2.1.25",
"copy-webpack-plugin": "^4.0.1",
"dotenv": "^4.0.0",
"express": "^4.14.0",
"fs": "0.0.1-security",
"highcharts": "^5.0.10",
"json-loader": "^0.5.4",
"moment": "^2.17.1",
"moment-timezone": "^0.5.11",
"morgan": "^1.7.0",
"path": "^0.12.7",
"prop-types": "^15.5.8",
"react": "^0.14.7",
"react-bootstrap": "^0.30.7",
"react-bootstrap-datetimerangepicker": "^2.0.3",
"react-data-components": "^1.1.0",
"react-dom": "^0.14.7",
"react-redux": "^5.0.2",
"react-router": "^3.0.2",
"react-simpletabs": "^0.7.0",
"react-tabs": "^0.8.2",
"redux": "^3.6.0",
"redux-logger": "^2.8.1",
"redux-promise-middleware": "^4.2.0",
"redux-sequence-action": "^0.2.1",
"redux-thunk": "^2.2.0",
"sendgrid": "^5.0.1",
"whatwg-fetch": "^2.0.2"
}
}
正在讨论的软件包已安装。不必从
node_modules
中删除它,问题就会消失,我只是取消了导入行的注释。我想使用这个或类似的datetimepicker包,datetimerangepicker在其他地方使用,需要保留。我确实在其他地方包含引导,但我尝试删除任何其他引导包含,但没有帮助。您是否可以尝试删除文件中的注释:node\u modules\eonasdan bootstrap datetimepicker\build\css\bootstrap-datetimepicker.min.css?这没有帮助