Aurelia Webpack:当这不是错误时,源地图显示错误

Aurelia Webpack:当这不是错误时,源地图显示错误,webpack,aurelia,Webpack,Aurelia,我遇到了一个问题,当我检查我的chrome开发工具时,我的js文件声称第一行有语法错误,但浏览器上的所有东西似乎都正常运行 我是否在我的网页配置文件上配置错误 //webpack.common.js const path=require('path'); const CleanWebpackPlugin=require('clean-webpack-plugin'); const HtmlWebpackPlugin=require('html-webpack-plugin'); const

我遇到了一个问题,当我检查我的chrome开发工具时,我的js文件声称第一行有语法错误,但浏览器上的所有东西似乎都正常运行

我是否在我的网页配置文件上配置错误

//webpack.common.js
const path=require('path');
const CleanWebpackPlugin=require('clean-webpack-plugin');
const HtmlWebpackPlugin=require('html-webpack-plugin');
const CopyWebpackPlugin=require('copy-webpack-plugin');
const{ProvidePlugin,DefinePlugin}=require('webpack');
const{AureliaPlugin,ModuleDependenciesPlugin}=require('aurelia-webpack-plugin');
const webpack=require('webpack');
const ExtractTextPlugin=require(“提取文本网页包插件”);
const bootstrapEntryPoints=require('./webpack.bootstrap.config');
const nodeModulesDir=path.resolve(uu dirname,'node_modules');
const bootstrapConfig=bootstrapEntryPoints.dev;
const production=process.env.NODE_env==“production”?真:假;
常数cssRules=[
{loader:'css loader',选项:{minimize:production}
];
log(path.resolve(uu dirname,'dist');
module.exports=({coverage}={})=>({
决心:{
扩展名:[“.js”],
模块:[path.resolve(uu dirname,'src'),'node_modules'],
},
条目:{
应用程序:['aurelia-bootstrapper'],
供应商:[“蓝鸟”],
引导:[引导配置],
font_awesome:'font awesome/scss/font awesome.scss'
},
输出:{
path:path.resolve(uu dirname,'dist'),
// https://medium.com/@rajaraodv/webpack-the-fuzzing-parts-58712f8fcad9
公共路径:生产http://test.webpack.dev.web/' : '/',
文件名:产品?'[name].[chunkhash].bundle.js':'[name].[hash].bundle.js',
sourceMapFilename:production?'[name].[chunkhash].bundle.map':'[name].[hash].bundle.map',
chunkFilename:production?'[name].[chunkhash].chunk.js':'[name].[hash].chunk.js'
},
模块:{
规则:[
//JS/TS文件中所需的CSS应该使用样式加载器,该加载器会自动将CSS注入网站
//仅当颁发者是.js/.ts文件时,加载程序不会应用于html模板中
{
测试:/\.css$/i,
//排除:/node_模块/,
颁发者:[{not:[{test:/\.html$/i}]}],
用法:ExtractTextPlugin.extract({
回退:“样式加载器”,
用途:cssRules
})
},
{
测试:/\.css$/i,
颁发者:[{test:/\.html$/i}],
//无法安全提取模板中所需的CSS
//因为Aurelia会在运行时再次尝试要求它
用途:cssRules
},
{
测试:/\.scss$/,,
使用:[
//从JS字符串创建样式节点
{loader:“样式加载器”},
{loader:“css loader”},//将css转换为CommonJS
{loader:“sass loader”}//将sass编译为CSS
]
},
{test:/\.html$/i,loader:'html loader'},
{test:/\.js$/i,loader:'babel loader'},
//仅用于单元测试
//{test:/\.js$/i,loader:'babel loader',exclude:nodeModulesDir,
//选项:覆盖率?{sourceMap:'inline',插件:['istanbul']}:{},
// },
{test://\.json$/i,loader:'json loader'},
////使用蓝鸟作为全球承诺的实现:
//{test://[\/\\\]节点\单元[\/\\]蓝鸟[\/\\].+\.js$/,加载程序:'expose loader?Promise'},
////将小图像和字体嵌入为数据URL,将大图像和字体嵌入为文件:
{ 
测试:/\(png | gif | jpg | cur)$/i,
加载器:“url加载器”
},
{test:/\.woff2(\?v=[0-9]\.[0-9]\.[0-9])?$/i,loader:'url loader'},
{test://\.woff(\?v=[0-9]\.[0-9]\.[0-9])?$/i,loader:'url loader'},
//正常加载这些字体,作为文件:
{test://\(ttf | eot | svg | otf)(\?v=[0-9]\.[0-9]\.[0-9])?$/i,loader:'file loader',
//要解决datatable jquery问题,请执行以下操作:
//{test:require.resolve(“datatables.net”),使用:“imports loader?this=>window”},
//解析引导程序以使其正常运行
//{test:/bootstrap sass[\/\\]资产[\/\\]javascripts[\/\\]/,使用:'imports loader?jQuery=jQuery'},
//解决字体问题
// https://medium.com/@estherfalayi/setting-up-webpack-for-bootstrap-4-and-font-awesome-eb276e04aaeb
{
测试:/font awesome\.config\.js/,
使用:[
{loader:'style loader'},
{loader:'font-awesome loader'}
]
}
]
},
插件:[
新的ExtractTextPlugin({
文件名:产品?'[name].[chunkhash].bundle.css':'[name].[hash].bundle.css',
allChunks:是的,
}),
新插件({}),
新的CleanWebPackagePlugin(['dist']),
//新的模块化独立插件({
//'aurelia-testing':['./编译间谍','./查看间谍'],
//   	}),
新ProvidePlugin({
“承诺”:“蓝鸟”,
$:“jquery”,
jQuery:“jQuery”,
'window.jQuery':'jQuery',
“window.$”:“jquery”
}),
新HtmlWebpackPlugin({
//改变
模板:“index.ejs”,
是的,
元数据:{title:'},
favicon:“favicon.ico”
}),
//新的CopyWebpackPlugin([
//{from:'./src/favicon.ico',to:'/favicon.ico/'}
//   	])
],
//从numbro模块解决fs问题
//节点:{
//财政司司长:空置
// }
});
/*
笔记
当前版本:2.0.0-rc.4
我们发布了aurelia网页包-plugin@3.0.0-rc.1兼容(并需要)网页4。主要的版本升级是为了防止从2.0.0-rc.5自动升级,如果您仍然使用Webpack3,则应继续使用该版本。
https://github.com/npm/npm/issues/16839
numbro:v2未使用setLanguage而不是culture函数

$error with data tables通常意味着脚本包含dtnet(窗口,$)从版本64.0.3282.186开始,这似乎是一个chrome开发工具解析问题

检查谷歌金丝雀,我不再看到这个问题。除非其他人遇到其他问题,否则可以关闭此链接。

原始问题上的图像链接标记为“在此处输入图像描述”。别胡闹